javascript - Selectboxit-如何刷新selectboxit中的选定值

我正在使用selectboxit插件-http://gregfranko.com/jquery.selectBoxIt.js/

使用常规选择元素，设置选定元素的属性将更新UI。使用selectboxit不能正常工作。

演示-http://jsfiddle.net/uXM6Y/

var selectBox = $("select#test").selectBoxIt().data("selectBoxIt");

$('.btn').click(function(e){
    $('#test option:contains("Great")').prop('selected', true);
});

当我单击演示中的更新按钮时，选择未设置为更新值。如果我删除了selectboxit插件，它将正常工作。

最佳答案

您要使用selectboxit方法API，该API在您的插件版本中不存在。

从此处获取（确保已为下载选择setOption方法）：
http://gregfranko.com/jquery.selectBoxIt.js/customDownload.html#javascript-downloads

并按如下所示更改您的JavaScript：

var selectBox = $("select#test").selectBoxIt().data("selectBoxIt");

$('.btn').click(function(){
    selectBox.selectOption('Great');
});

编辑：这是您使用完整的selectboxit插件的提琴的更新版本：
http://jsfiddle.net/uXM6Y/2/

关于javascript - Selectboxit-如何刷新selectboxit中的选定值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23731371/