如何根据在另一个下拉列表中进行的选择来填充下拉列表？

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>