Как включить выпадающее меню, вы увидите еще одно выпадающее меню

Question

Я искал решение по моему вопросу. Я нашел некоторые вещи, но когда я попробовал, это не сработало. Мне нужно, когда пользователь выбирается из первого раскрывающегося списка, а затем выпадающего списка. Иначе, если он не выбрал первый раскрывающийся список, следующий выпадающий список будет отключен. Вот что я пробовал:

$(document).ready(function() { 
 
      $('#region').click(function() { 
 
      if ($('#region').attr('checked')) { 
 
      
 
       $("#school").selectmenu("enable"); 
 
      } else { 
 
       
 
       $("#school").selectmenu("disable"); 
 
      } 
 
     }); 
 
     });

<select name='region' id='region'> 
 
    <option value="<?php echo set_select('gender'); ?>">Choose region</option> 
 
    <option value="Region 1" >Region 1</option> 
 
    <option value="Region 2" >Region 2</option> 
 
    </select> 
 

 
<select name='school' id='school'> 
 
    <option value="<?php echo set_select('gender'); ?>">Choose school</option> 
 
    <option value="School 1" >School 1</option> 
 
    <option value="School 2" >School 2</option> 
 
    </select>

Теперь он не отключается, если пользователь не выбрал из первого выпадающего списка - область. Пожалуйста, как это сделать? :)

Answer 1

Попробуйте что-то вроде этого:

$(function() { // Shorthand for $(document).ready(
    $('#region').change(function() { 
     if($("#region").val() == "") 
      $("#school").prop("disabled", true); 
     else 
      $("#school").prop("disabled", false); 
    }); 
}); 

Обратите внимание, что вы должны изменить значение параметра «Выбрать регион» «» или изменить «» в строке 3, независимо от его значения по умолчанию.