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

Question

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

对于普通的 select 元素，设置所选元素的 prop 将更新 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 插件，它就可以正常工作。

Answer 1

您想要使用 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 插件的 fiddle 的更新版本: http://jsfiddle.net/uXM6Y/2/