Question

我正在为州和城市做一个选择框。一旦用户选择状态，基于所选状态，它将显示该州的整个城市列表。以下是javascript代码：

$(document).ready(function() {

    $("#origin_state").chosen();

    $("#origin_state").change(function() {
        $("#origin_city").load("getCities.php?state=" + $("#dest_state").val()).prop('disabled', false);
    });

     $("#origin_city").hover(function() {

        $("#origin_city").chosen();
    }); 
});

我有一个州和城市数据库。 getCities.php是根据您选择的州获取城市列表。问题是它只能工作一次。一旦我将状态更改为另一个状态，城市列表不会改变，如果我注释掉$（“＃origin_city”）。selected（）;，它可以正常工作。请帮忙！

Answer 1

好吧你的代码缺少选择的插件更新功能，因为当你在下拉列表中应用所选的初始化函数selected（）然后它们呈现为选择的下拉列表然后如果你想用新数据刷新它然后你必须触发选择的＆＃ 39;自定义事件＆＃39;已选择：已更新＆＃39;。以下列方式做国家城市程序。

首先在两个下拉列表中应用所选插件，方法是将该课程设置为“选择 - 选择”。

<select id="origin_state" class="chosen-select"></select>
<select id="origin_city" class="chosen-select"></select>

然后你的javascript代码：

$('.chosen-select').chosen();

$('#origin_state').change(function(){
    var state = $(this).val();
    $("#origin_city").load("getCities.php?state="+state).prop('disabled',false);
    $('#origin_city').trigger('chosen:updated');
});

州级和城市选择列表的JQuery选择只能使用一次

1 个答案: