jquery multiselect:如果选择了最后一个选项,则使用其他下拉值重新加载jquery multiselect
使用新值选择最后一个选项时,如何刷新jquery multiselect?就像我的multiselect中有以下选项一样:jquery multiselect:如果选择了最后一个选项,则使用其他下拉值重新加载jquery multiselect,jquery,jquery-ui,Jquery,Jquery Ui,使用新值选择最后一个选项时,如何刷新jquery multiselect?就像我的multiselect中有以下选项一样: <select id="positions" multiple="multiple"> <option value="0">Programmer</option> <option value="1">Tester</option> <option value="2">Manage
<select id="positions" multiple="multiple">
<option value="0">Programmer</option>
<option value="1">Tester</option>
<option value="2">Manager</option>
<option value="3">Admin</option>
<option value="4">Load all other</option>
</select>
程序员
测试员
经理
管理
加载所有其他
如果用户从multiselect框中选择“加载所有其他”选项,则应使用不同的值重新初始化此multiselect
<select id="positions2" multiple="multiple">
<option value="0">test1</option>
<option value="1">test2</option>
<option value="2">test3</option>
<option value="3">test4</option>
</select>
测试1
测试2
测试3
测试4
以上是选择“加载所有其他选项”后,multiselect将具有的结果选项。您可以通过多种方法来执行此操作。我会立即使用
html
函数。为需要单击的选项设置id,并向其添加事件处理程序。要我帮你写代码吗
更新
这将替换第一个选择中的代码。如果您只是想隐藏它并添加一个新的select元素,那么请使用show/hide函数不要忘记将id=“option”
属性添加到需要单击的选项。
更新-我添加了一些注释,以帮助您了解脚本正在执行的操作
// Set the click event of the option (change '#option' to the options id)
$('#option').click(function(){
// Alter the HTML content of the select
$('#positions').html('<option value="0">test1</option><option value="1">test2</option><option value="2">test3</option><option value="3">test4</option>');
});
//设置选项的单击事件(将“#选项”更改为选项id)
$('#选项')。单击(函数(){
//更改select的HTML内容
$('#positions').html('test1test2test3test4');
});
您是希望其他选项重新出现,还是希望它简单地用新选项替换旧选项?