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

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

HTML:

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

<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);
});

但我无法更新下拉列表。。。 要帮忙吗

使用可以在附加后更新选项列表

动态更新所选内容：如果您需要更新“选择”字段中的选项，并希望“选择”字段拾取更改，则 需要在字段上触发Selected:Update事件。精选遗嘱 根据更新的内容重新构建自身

您的代码：

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

MVC 4：

---

如果选择：更新；不工作，请使用。triggerliszt:已更新；对于@Nhan-Tran，它工作正常。

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

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

---

如果选择：更新；不适合你。您可以尝试$'ddl'。触发'change'；在我的例子中，它对我有用。

DOM中的代码准备好了吗？是的，注释太短，随机文本耶。html破坏了选择的组合。谢谢，我正在搜索此解决方案。你救了我的命：如果这对我不起作用。试试这个：$'picturegallery'。triggerliszt:updated；请花点时间描述一下这段代码是如何解决这个问题的。。若要评论或要求作者澄清，请在其帖子下方留下评论-您可以随时对自己的帖子发表评论，一旦您发表评论，您就可以发表评论。同时，请不要用答案发表评论。@TimDiekmann这个答案对我更有用，但你是说他犯了一个错误。在这里，我们寻找的答案与Facebook/Instagram/任何其他社交媒体不同，是不要发布和评论。ca Michel=>谢谢。

    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");
                        });
    }

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

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