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

前端之家收集整理的这篇文章主要介绍了使用jQuery更改Chosen.js选择框的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图改变我的选择框的值,它具有 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

解决方法

所以在发布这个问题之后,我继续试图解决这个问题,发生了一个办法.
$('#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”.它的作品,但我不知道这是否是最好的方法来做到这一点..

如果您有更好的方式来做,请让我知道

猜你在找的jQuery相关文章