Jquery 填写所选下拉列表

Jquery 填写所选下拉列表,jquery,dropdown,jquery-chosen,Jquery,Dropdown,Jquery Chosen,我用的是刮胡刀 我有两个下拉列表 当使用jquery选择第一个的索引更改时,第二个正在填充,如您所见 <script> $(document).ready(function () { $("#nomclient").on("change", function () { $list = $("#idconnexion");

我用的是刮胡刀

我有两个下拉列表

当使用jquery选择第一个的索引更改时,第二个正在填充,如您所见

 <script>
        $(document).ready(function () {
            $("#nomclient").on("change", function () {
                $list = $("#idconnexion");
                $.ajax({
                    url: "/api/ddl",
                    type: "GET",
                    data: { id: $("#nomclient").val() }, //id of the state which is used to extract cities
                    traditional: true,
                    success: function (result) {
                        $list.empty();
                        $.each(result, function (i, item) {
                            $list.append('<option value="' + item["idConnexion1"] + '"> ' + item["idConnexion1"] + ' </option>');
                        });
                    },

                });
            });
        });
    </script>
第二个dropdownlist没有填充,但是当我删除它时,它会再次填充


任何建议

您必须告诉所选内容,选择选项已更改:

$('.my_select_box').trigger('chosen:updated');
因此,在你的情况下:

// ...
success: function (result) {
   $list.empty();
   $.each(result, function (i, item) {
      $list.append('<option value="' + item["idConnexion1"] + '"> ' + item["idConnexion1"] + ' </option>');
   });
   $list.trigger('chosen:updated');
},
// ...

您必须告诉Selected选择选项已更改:

$('.my_select_box').trigger('chosen:updated');
因此,在你的情况下:

// ...
success: function (result) {
   $list.empty();
   $.each(result, function (i, item) {
      $list.append('<option value="' + item["idConnexion1"] + '"> ' + item["idConnexion1"] + ' </option>');
   });
   $list.trigger('chosen:updated');
},
// ...