2010-02-22 107 views
1

我有一個表單有兩個下拉字段可以說A是一個而B是另一個。我希望下拉框B被禁用,直到選擇下拉列表中的一個值A啓用和禁用字段

我應該如何編寫一個Java腳本?

回答

0

使用onchange事件下拉列表中選擇的,以檢查它的價值,改變下拉B的disabled屬性:

document.getElementById("dropdown_A").onchange = function() 
{ 
    if (this.selectedIndex == 2) // if the 3rd option is selected 
     document.getElementById("dropdown_B").disabled = true; 
} 

注意此代碼需要下拉後運行一個元素(或整個文件)已解析。

0

對於您的dropdown_b,請爲您的dropdown_a設置disabled屬性=「禁用」
,將onchange設置爲將更改dropdown_b的禁用屬性的函數。

<html> 
<head> 
window.onload = function() 
{ 
    dda = document.getElementById("dropdown_A"); 
    ddb = document.getElementById("dropdown_b"); 

    dda.onchange = function() 
    { 
     if(dda.options[dda.selectedIndex] != "") 
     ddb.disabled = ""; 
    }; 
} 
</head> 
<body> 
<select id="dropdown_A"> 
<option value="" selected="selected"></option> 
<option value="asdf">asdf</option> 
<option value="12345">12345</option> 
</select> 
<select id="dropdown_B"> 
.. 
</select> 
</body> 
</html> 

基本上,直到用戶選擇一個實際選項,什麼都不會發生......所以空白選項[「」]不會取消選擇其他選擇。