Javascript 使用fastselect js进行“全选”和“全选”
我使用jQuery插件来选择元素。有没有办法将“选择列表中的所有项目”或“删除列表中的所有项目”功能添加到多个“选择输入”中 这是多个Select输入的代码Javascript 使用fastselect js进行“全选”和“全选”,javascript,jquery,html,html-select,Javascript,Jquery,Html,Html Select,我使用jQuery插件来选择元素。有没有办法将“选择列表中的所有项目”或“删除列表中的所有项目”功能添加到多个“选择输入”中 这是多个Select输入的代码 <select class="multipleSelect" multiple name="language"> <option value="All">Select ALLoption> <option value="Bangladesh">Bangladesh</optio
<select class="multipleSelect" multiple name="language">
<option value="All">Select ALLoption>
<option value="Bangladesh">Bangladesh</option>
<option selected value="Barbados">Barbados</option>
<option selected value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
...
</select>
您可以独立于插件执行此操作: $'.multipleSelect.changee=>{ 常量self=$e.target;/*缓存目标*/ 常量_selfVal=_self.val[0];/*缓存值*/ 如果_selfVal==全部{/*如果全部,请选择全部*/ _self.find'option'。prop'selected',true; }否则,如果_selfVal==Remove{/*如果Remove,则选择none*/ _self.find'option'。prop'selected',false; } }; 全选 全部删除 孟加拉国 巴巴多斯 白俄罗斯 比利时
使用一个公共div包装select元素,如下面的代码所示,并动态单击plugin类的select下拉列表中的每个元素以显示所有选项。单击“x”按钮删除所有选定值。包装器用于防止在同一页面中触发其他快速选择元素。单击任何复选标记或任何元素时,您可以单独调用以下脚本
<div id="fastSelectWrapper">
<select class="multipleSelect" multiple name="language">
<option value="All">Select ALL</option>
<option value="Bangladesh">Bangladesh</option>
<option selected value="Barbados">Barbados</option>
<option selected value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
</select>
</div>
<script>
// to select all
$("#fastSelectWrapper .fstResultItem").click();
// to remove all
$("#fastSelectWrapper .fstChoiceRemove").click();
</script>
您忘记在问题中包含您的代码Alan现在可以了吗?我想用快速选择实现它,请浏览并查看多个可选选项。如果用户选择是全部选项,我想选择所有国家/地区问题是专门关于快速选择的。
<div id="fastSelectWrapper">
<select class="multipleSelect" multiple name="language">
<option value="All">Select ALL</option>
<option value="Bangladesh">Bangladesh</option>
<option selected value="Barbados">Barbados</option>
<option selected value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
</select>
</div>
<script>
// to select all
$("#fastSelectWrapper .fstResultItem").click();
// to remove all
$("#fastSelectWrapper .fstChoiceRemove").click();
</script>