A. js實現兩個下拉框聯動
這類問題貌似蠻多的。
不過是這個純HTML需要麼?沒有數據交互?與伺服器數據交互得重新封裝的。
下面是純HTML用的JS。
<html>
請選擇:
<select id="test2" onchange="setSel(this);">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
注意這里:
<select id="test1">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>2</option>
</select>
這里添加了(注意):
<select id="test3">
</select>
<script>
function setSel(obj){
var s=obj.value;
var f=document.getElementById("test1");
var obj=document.getElementById("test3");
/*循環 相應變的select*/
for(i=0;i<f.options.length;i++){
/*判斷值相等的,也可以判斷顯示的f.options[i].test*/
if(f.options[i].value==s){
f.options[i].selected="selected";//選中
obj.options.add(new Option(f.options[i].text,f.options[i].value)); //這個兼容IE與firefox
}
}
}
</script>
</html>