jquery - 使用 jQuery 更改 Chosen.js 选择框的值

Question

我正在尝试更改具有 Chosen.js 的选择框的值覆盖。这个想法是当用户单击按钮时更改所选值。

使用常规选择框，我可以通过执行以下操作来更改值:

$('#GroupsShowNext').unbind("click").click(function() {
    var index = $("#GroupsViewGroups").prop("selectedIndex");
    index += 1;

    $('#GroupsViewGroups option').eq(index).attr('selected', 'selected');
    $('#GroupsViewGroups').change();
});

但是使用 Chosen.js 它不再起作用了..我尝试了一些方法，但没有任何效果。有什么想法如何让它发挥作用吗？

Fiddle

Answer 1

所以在发布这个问题后，我继续尝试解决这个问题，并且碰巧找到了一种方法。

$('#GroupsShowNext').unbind("click").click(function() {
    var index = $("#GroupsViewGroups").prop("selectedIndex");
    index += 1;
    $('#GroupsViewGroups option').eq(index).attr('selected', 'selected');
    $('#GroupsViewGroups').chosen().change();
    $("#GroupsViewGroups").trigger("liszt:updated");
});

关键是将.chosen()放在.change()之前，然后触发“liszt:updated”。它有效，但我不知道这是否是最好的方法..

如果您有更好的方法，请告诉我