導航:首頁 > 編程語言 > js下拉框聯動

js下拉框聯動

發布時間:2023-02-20 05:56:27

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>

閱讀全文

與js下拉框聯動相關的資料

熱點內容
灌南數控編程怎麼學 瀏覽:957
系統apk圖標修改工具 瀏覽:121
蘋果6手機網路沒信號怎麼回事啊 瀏覽:378
手機掃描文件轉換成word 瀏覽:636
手機本地視頻的文件夾在哪裡 瀏覽:908
蘋果11無法安裝app找不到描述文件 瀏覽:363
咋新建cad文件 瀏覽:969
窩窩app怎麼樣自動關 瀏覽:228
蘋果電腦怎麼用wps生成多個文件夾 瀏覽:309
蘋果手機哪裡有賣 瀏覽:83
app登錄狀態為什麼不過期 瀏覽:160
win10創意者無法升級 瀏覽:59
如何查殺後門程序 瀏覽:498
定類數據可以用哪些描述統計方法 瀏覽:278
微信公眾號閱讀全文怎麼跳轉文件 瀏覽:935
迷你編程怎麼免費進入 瀏覽:354
蘋果應用設置密碼 瀏覽:21
windowsmac共享文件夾 瀏覽:274
數據安全性和固態硬碟哪個好 瀏覽:433
word為什麼圖片不能旋轉 瀏覽:732

友情鏈接