Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery multiselect:如果选择了最后一个选项,则使用其他下拉值重新加载jquery multiselect_Jquery_Jquery Ui - Fatal编程技术网

jquery multiselect:如果选择了最后一个选项,则使用其他下拉值重新加载jquery 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

使用新值选择最后一个选项时,如何刷新jquery multiselect?就像我的multiselect中有以下选项一样:

<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');
});

您是希望其他选项重新出现,还是希望它简单地用新选项替换旧选项?