Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.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
Javascript 使用fastselect js进行“全选”和“全选”_Javascript_Jquery_Html_Html Select - Fatal编程技术网

Javascript 使用fastselect js进行“全选”和“全选”

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

我使用jQuery插件来选择元素。有没有办法将“选择列表中的所有项目”或“删除列表中的所有项目”功能添加到多个“选择输入”中

这是多个Select输入的代码

<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>