我对带有复选框的下拉菜单中的多项选择有一些疑问。每当我在 jquery 中上传图像时,我想在下拉列表中动态添加内容。如何使用新数据刷新下拉列表?
$('#listImage').multiselect({});
获得新数据后,我尝试刷新多选,但这会引发错误。
$("#widgetSettingsForm select[multiple]").multiselect('rebuild');
未捕获的错误:多选小部件实例(...)没有这样的方法“重建”
我对带有复选框的下拉菜单中的多项选择有一些疑问。每当我在 jquery 中上传图像时,我想在下拉列表中动态添加内容。如何使用新数据刷新下拉列表?
$('#listImage').multiselect({});
获得新数据后,我尝试刷新多选,但这会引发错误。
$("#widgetSettingsForm select[multiple]").multiselect('rebuild');
未捕获的错误:多选小部件实例(...)没有这样的方法“重建”
使用刷新而不是重建:http: //jsfiddle.net/o7xf9awv/1/
$("#test001").multiselect('refresh');
$("#test001").multiselect({
header: false,
noneSelectedText: "Select"
});
var count = 2;
$("#add").click(function() {
$("#test001").append('<option value="option5">Option ' + ++count + '</option>');
$("#test001").multiselect('refresh');
});
$("#remove").click(function() {
$("#test001 option:last").remove();
$("#test001").multiselect('refresh');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script src="https://raw.githubusercontent.com/ehynds/jquery-ui-multiselect-widget/1.10/src/jquery.multiselect.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/redmond/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/ehynds/jquery-ui-multiselect-widget/1.10/jquery.multiselect.css">
<input type="button" id="add" value="add" />
<input type="button" id="remove" value="remove last" />
<br/>
<select id="test001" multiple="multiple">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
</select>