Как заполнить выпадающий список на основе выбора, сделанного в другом раскрывающемся списке?

Question

Как автоматически заполнить второе раскрывающееся меню на основе выбора, сделанного в первом. Скажем, если я выбираю contry в первом выпадающем списке, тогда я хочу отобразить список городов из этой страны во втором раскрывающемся списке. Есть ли способ сделать это с помощью jQuery?

Answer 1

Вы должны использовать AJAX

$("#select1").change(function() { 
    var optionId = $(this).val(); 
    $.post('ajax/getData.php', 
      {id: optionId}, 
      function(data) { 
       $("#div2").html(data); 
      }, 
      "json" 
    ); 
}); 

Вот пример HTML:

<div id="div1"> 
    <select id="select1"> 
     <option value="1">aaaaa</option> 
     .... 
    </select> 
</div> 
<div id="div2"> 

</div>