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

Question

如何根据第一个下拉列表中的选择自动填充第二个下拉列表。 假设我在第一个下拉菜单中选择了国家，那么我想在第二个下拉列表中显示该国家/地区的城市列表。 有没有办法做到这一点的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>