如何创建从下拉菜单中选择所有选项？ [英] how to create select all option from dropdown?

问题描述

我在搜索框中遇到了问题，实际上我创建了一个多选的搜索框，它工作正常，

 < input type =textname =searchsize = 15 maxlength = 15 placeholder =Gene Symbol/> 
< select name =table []size =0multiple> 
< option selected =selected>< / option> 
< option value =infla_info>炎症< / option> 
< option value =diet_info>饮食< / option> 
< option value =obesity_info>肥胖< / option> 
< option value =stress_info> stress< / option> 
< option value =athero_info>动脉粥样硬化< / option> 
< option value =retino_info>糖尿病性视网膜病变< / option> 
< option value =nephro_info>糖尿病肾病< / option> 
< option value =neuro_info>糖尿病神经病变< / option> 
< / select> 
 
< input type =Submitname =Submitvalue =Gene Search/> 
  

在此之后，我想添加一个选项全选，通过它应该显示所有记录或包含查询基因的表。

请帮助我

解决方案

试试这个

Jquery代码：
$ b

  $ （'#selectall'）。click（function（）{
 $（'＃countries option'）。prop（'selected'，true）; 
}）; 
  

现场演示：

http://jsfiddle.net/3nUPF/177/

I am having problem in my search box, actually i have created a search box for multiple selection and it is working properly,

<input type="text" name="search" size=15 maxlength=15 placeholder = "Gene Symbol"/>
        <select name="table[]" size = "0" multiple>
            <option selected="selected"></option>
            <option value="infla_info">Inflammation</option>
            <option value="diet_info">diet</option>
            <option value="obesity_info">obesity</option>
            <option value="stress_info">stress</option>
            <option value="athero_info">atherosclerosis</option>
            <option value="retino_info">Diabetic Retinopathy</option>
            <option value="nephro_info">Diabetic Nephropathy</option>
            <option value="neuro_info">Diabetic Neuropathy</option>
        </select>

        <input type="Submit" name="Submit" value="Gene Search"/>

after this i want to add one more option select all, by which it should show all the records or tables containing query gene.

please help me

解决方案

try this

Jquery Code:

   $('#selectall').click(function() {
     $('#countries option').prop('selected', true);
   });

Live Demo :

http://jsfiddle.net/3nUPF/177/

这篇关于如何创建从下拉菜单中选择所有选项？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！