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

Question

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

对于普通的select元素，设置所选元素的支柱将更新UI。使用selectboxit，它不起作用。

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

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

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

当我单击演示中的update按钮时，没有将select设置为更新值。如果我删除selectboxit插件，它可以正常工作。

Answer 1

您希望使用selectboxit方法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/更新的小提琴版本