Question

两个一样的select下拉列表，我想选中其中的一个的一条，这条记录就从另一个里去掉，JSP页面操作

代码：<select name="s1" id="house_type" onchange="test(this)">
<option value="%">---请选择---</option>
<option value="1">食品</option>
<option value="2">药品</option>
<option value="3">器械</option>
</select>
<select name="s2" id="house_type" onchange="test(this)">
<option value="%">---请选择---</option>
<option value="1">食品</option>
<option value="2">药品</option>
<option value="3">器械</option>
</select>

<script type="text/javascript">
function test(obj) {

for (i=1; i<3; i++) {
for (j=0; j<document.all('s'+i).options.length; j++) {
if ((document.all('s'+i).name != obj.name) & (document.all('s'+i).options(j).innerText == obj.options(obj.selectedIndex).innerText))
document.all('s'+i).options(j).removeNode();
}
}
}
</script>

Answer 1

思路是首先定义一个公用的下拉列表s，然后分别把s1,s2赋予成这个
每次触发s1的onchange事件，都获取s2这个下拉框对象，然后重构s2。
比如s1的onchange选到了 <option value="2">药品</option>,记下2
接着就获取s2对象，把所有的option都去除，然后循环遍历s所有的option,逐个向s2里添加，当value = 2 时，就忽略本次的option.
之所以定义出公用s，是考虑复用，如果下拉框的内容发生彻底改变，不用去关心增减选项这种业务操作，只要改基本的s就行了，其他代码照样执行