通过选择 Jquery 更新 select

Question

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

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

它工作正常，但只更新 select 所以值仍然保持原样，没有变化

除了更新后的 select

之外，渲染值来自 div 中的 (ul)

如何更新渲染值？

Answer 1

在 .append(...) 之后添加了 .trigger('chosen:updated');，以便 "select changed" 现在显示在选择框中。

$('#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/

通过选择 Jquery 更新 select

Update a select via Chosen Jquery

javascript

css

jquery

jquery-chosen