清除并刷新jQuery选择下拉列表

我正在尝试清除jQuery选择下拉列表并刷新它。

HTML：

<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
    <option value="" selected="selected"></option>
    <option value="x">remove me</option>
</select>

当我单击“刷新”按钮时，它应变为：

<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
    <option value="1">test</option>
</select>

我试过的

$("#refreshgallery").click(function(){
    $('#picturegallery').empty();
    var newOption = $('<option value="1">test</option>');
    $('#picturegallery').append(newOption);
});

但是我无法更新下拉列表...有帮助吗？:)

使用.trigger("chosen:updated");可以在附加后更新选项列表。

动态更新选择的内容： 如果需要更新选择字段中的选项并希望选择的内容来接受更改，则需要在该字段上触发“ chosen：updated”事件。选择的内容将根据更新的内容重新构建。

您的代码：

$("#refreshgallery").click(function(){
        $('#picturegallery').empty(); //remove all child nodes
        var newOption = $('<option value="1">test</option>');
        $('#picturegallery').append(newOption);
        $('#picturegallery').trigger("chosen:updated");
    });

如果trigger("chosen:updated");不起作用，使用.trigger("liszt:updated");@Nhan Tran可以正常工作。

$("#idofBtn").click(function(){
        $('#idofdropdown').empty(); //remove all child nodes
        var newOption = $('<option value="1">test</option>');
        $('#idofdropdown').append(newOption);
        $('#idofdropdown').trigger("chosen:updated");
    });

MVC 4：

    function Cargar_BS(bs) {
        $.getJSON('@Url.Action("GetBienServicio", "MonitoreoAdministracion")',
                        {
                            id: bs
                        },
                        function (d) {
                            $("#txtIdItem").empty().append('<option value="">-Seleccione-</option>');
                            $.each(d, function (idx, item) {
                                jQuery("<option/>").text(item.C_DescBs).attr("value", item.C_CodBs).appendTo("#txtIdItem");
                            })
                            $('#txtIdItem').trigger("chosen:updated");
                        });
    }

就我而言，我需要在每次更改时更新选定的值，因为提交表单时，它总是会得到错误的值，并且我使用了多个选定的下拉列表。更改选择器以更新所有下拉列表，而不是更新单个条目。这可能会帮助某人

 $(".chosen-select").chosen().change(function () {
    var item = $(this).val();
    $('.chosen-select').trigger('chosen:updated');
});

如果万一trigger("chosen:updated");对您不起作用。您可以尝试$('#ddl').trigger('change');以我的方式为我工作。