jquery multiselect:如果选择了最后一个选项,则使用其他下拉值重新加载jquery multiselect

时间:2012-03-20 07:42:29

标签: jquery jquery-ui

如果使用新值选择最后一个选项,如何刷新jquery 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>

如果用户从多选框中选择“加载所有其他”选项,则应使用不同的值重新初始化此多选项。

<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 个答案:

答案 0 :(得分:1)

有很多方法可以做到这一点。我会使用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>');
});