javascript - 通过选择的 Jquery 更新选择

Question

我对 selected.jquery.js 有疑问 当我尝试动态更新列表并编写下面的代码时

$(selector).trigger("chosen:updated");

它工作正常，但只更新选择 因此呈现的值仍然保持原样，没有任何变化

作为从 (ul) 获取的渲染值，该值放置在更新的 select 之外的 div 中

如何更新渲染值？

Answer 1

在 .append(...) 之后添加了 .trigger('chosen:updated');，以便“选择已更改”现在显示在选择框中。

$('#Groups').chosen().change(function (evt, params) {
    $('#Groups').append($("<option/>", {
        value: "test",
        text: "select changed"
    })).trigger('chosen:updated');
});
$('.chosen').empty().trigger('chosen:updated');

$('#Groups').append($("<option/>", {
        value: "1",
        text: ""
    }));
$('#Groups').append($("<option/>", {
        value: "2",
        text: "2"
    }));
$('#Groups').append($("<option/>", {
        value: "3",
        text: "3"
    }));
$('.chosen').trigger('chosen:updated');

这是您要找的吗？ http://jsfiddle.net/8wykf44s/2/