Question

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

使用普通的select元素，设置selected元素的prop会更新UI。使用selectboxit它无法正常工作。

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插件的小提琴的更新版本： http://jsfiddle.net/uXM6Y/2/

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

1 个答案: