Я использую плагин Chosen jQuery для создания формы. Я бы хотел, чтобы в одном выпадающем меню была опция, чтобы указать, какие параметры доступны во втором раскрывающемся списке.
Первый выпадающий список называется таксонами. Второй выпадающий список называется опросом
Пока у меня это:
<select data-placeholder="Choose a area of interest..." name="taxa" id="taxa" class="chzn-select" style="width:350px;" tabindex="2"> <option value=""></option> <option value="he">Herps</option> <option value="ba">Bats</option> <option value="bi">Birds</option> <option value="ha">Habitat</option> </select> <br /> <br /> <select data-placeholder="Choose a survey..." name="survey" id="survey" class="chzn-select" style="width:350px;" tabindex="3"> <option value=""></option> <option disabled value="op">Opportunistic</option> <option disabled value="tr">Transect</option> <option disabled value="mn">Mist Netting</option> <option disabled value="pc">Point Count</option> <option disabled value="da">Habitat Data</option> </select> <script type="text/javascript"> $("#taxa").chosen().change(function(){ var val = $(this).val(); if(val == "he" || val == "la"){ $('#survey option[value="op"]').attr('disabled', false).trigger("liszt:upadted"); $('#survey option[value="tr"]'),attr('disabled', false).trigger("liszt:upadted"); } else if(val == "ba"){ $('#survey option[value="mn"]').attr('disabled', false).trigger("liszt:updated"); }else if(val == "ha"){ $('#survey option[value="da"]').attr('disabled', false).trigger("liszt:updated"); } else if(val == "bi"){ $('#survey option[value="op"]').attr('disabled', false).trigger("liszt:updated"); $('#survey option[value="mn"]').attr('disabled', false).trigger("liszt:updated"); $('#survey option[value="pc"]').attr('disabled', false).trigger("liszt:updated"); }else{ } }); Вышеописанное работает, но не распознает изменения в выборе #taxa.