jQuery enable dropdown на основе первого варианта

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> 

Второе поле отключено, пока пользователь не выберет значение из первого поля. Это значение передается в 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().