jQuery根據第一個選項啓用下拉菜單

Question

我試圖通過google找到我的問題的答案，但收效甚微。我是jQuery的新手，所以答案可能很簡單。

我在窗體上有兩個下拉字段，兩個都從數據庫填充。

<select name="fld_1" id="fld_1"> 
    ..set of options from DB.. 
</select> 
<select disabled name="fld_2" id="fld_2"> 
    Please select value from field above 
</select> 

第2個字段被禁用，直到用戶從第一個字段中選擇一個值。該值被傳遞給運行數據庫檢查的php文件，並返回一組選項。所有這一切都是由jQuery的控制：

$(function() { 
    $('#fld_1').change(function() { 
     $('#fld_2').load('fetch.php?ccID=' + $('#fld_1').val()); 
    }); 
}); 

PHP輸出，如果發現結果：

<option value="aaa"> 
    aaa - descr 
</option> 
<option value="bbb"> 
    bbb - descr 
</option> .... 

PHP輸出是沒有結果發現：

<option value="0"> 
    No accounts found for this cost center 
</option> 

我想實現的是這樣的： if the value of the first option is 0 keep the dropdown disabled, if anything else remove the disable attribute。

感謝您的幫助

Answer 1

我建議：

$('#fld_1').change(function(){ 
    $('#fld_2').prop('disabled', $(this).val() === 0); 
}).change(); 

JS Fiddle demo。

參考文獻：

• change()。
• prop()。