jsp页面的select标签,怎样才能通过两个不同的属性来控制值得传递
想做一个页面,需要从一个select标签来控制搜索,但是这里面的option应该有两个不同的标签来控制,满足条件一的情况下,才有条件二的不同值...
想做一个 页面,需要从一个select标签来控制搜索,但是这里面的option应该有两个不同的标签来控制,满足条件一的情况下,才有条件二的不同值
展开
2个回答
展开全部
我能理解你的意思、就是在下拉列表中选择、就是做相应的操作、比如:
我选择一个页面、他就会跳转到这样的一个页面:
<ul>
<li>系:<select id="depts" onChange="changeDeptSelect();"> </select></li>
<li>专业:<select id="subjects"></select></li>
<li>班级:<select id="class">
<option value="本一">本一</option>
<option value="本二">本二</option>
<option value="本三">本三</option>
</select>
</li>
</ul>
在js中我们可以写:
//处理系信息选择列表框的选项值改变事件
//即选择不同系时会显示该系的相关专业
function changeDeptSelect(){
var deptsSelect = getDeptSelect();
var subjectsSelect = getSubjectsSelect();
clearSelect(subjectsSelect); //清空列表框中原有数据
var index = deptsSelect.selectedIndex;
subjectsSelect.options[0] = new
Option(subjectsArr[index][0],subjectsArr[index][0]);
subjectsSelect.options[1] = new
Option(subjectsArr[index][1],subjectsArr[index][1]);
}
function getDeptSelect(){ //返回页面上的系选择框
return document.getElementById("depts");
}
function getSubjectsSelect(){ //返回页面上的专业选择框
return document.getElementById("subjects");
}
看懂吗、、、onChange=changeDeptSelect方法会执行this中的value的页面、、、
更多追问追答
追问
你这是要先选择了depts,才会对后面的class有影响对么?而我希望的逻辑是能够本一,本二,本三。但是本一,本二是因为系为一系,班级为1,2。而本三是因为是3系,其他没有条件限制
追答
但是你没有发现、选择系的时候专业就改了、
我给你一个地址啊、一个小案例的源代码、很小的一个、你看看就明白了:
http://pan.baidu.com/s/1hqgmTMG
你可以看看、很好的一个!
希望对你有帮助!!!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询