填写选择下拉列表

问题描述

我正在使用Razor页面

我有2个下拉列表

当您使用jquery选择第一个索引更改时，第二个正在填充​​ p>

 <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>

并且工作正常。

问题是当我添加此

$("#idconnexion").chosen({ width: '90%' });

第二个下拉列表没有填充，但是当我删除它时，它再次填充了。

任何建议

解决方法

您必须告诉选择的内容，选择选项已更改：

$('.my_select_box').trigger('chosen:updated');

Reference

所以在您的情况下：

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