jsp页面的select标签，怎样才能通过两个不同的属性来控制值得传递

Question

想做一个 页面，需要从一个select标签来控制搜索，但是这里面的option应该有两个不同的标签来控制，满足条件一的情况下，才有条件二的不同值

Answer 1

我能理解你的意思、就是在下拉列表中选择、就是做相应的操作、比如：

我选择一个页面、他就会跳转到这样的一个页面：

<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
你可以看看、很好的一个!
希望对你有帮助！！！

追问

其实有一点不是很好弄的就是，所有的本科级别都是要放在一起的，而此时系的名字是不一样的，而且属性也不相等，尤其本三的时候，是有一个系的属性就行了。这个才是我不懂的地方

追答

你先别看班级、先看：系——专业；是不是你想要的那种、就是选择不同的系名第二个下拉列表中显示不用的专业；

好，在说说班级；每一个系、每一个专业都有本一本二本三，所以这个不用变，你觉得呢

追问

恩，不是。
就是现在我只要班级这个属性，且这个属性只和系有关系。
在这个前提下，有一本二本，三本。一本二本在一系，三本在二系。且一系没有三本，二系没有一本二本。

追答

那你有没有发现、系和专业就是这样的、你把那案例下载了吗？
案例里面应该都写的很详细啊、一个系对应的几个专业、、、你看看

Answer 2

你的思路是不对的，列表只有一个名字，也就是说select的name，下边两个列表项的值其实是select name的值。