如何创建从下拉列表中选择所有选项？

Question

我的搜索框中出现问题，实际上我已经为多个选择创建了一个搜索框，并且该搜索框工作正常，

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

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

请帮我

Answer 1

尝试这个

jQuery代码：

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

现场演示：

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

Answer 2

您可以使用jQuery实现此目的：

编辑：-您可以通过按键盘上的Ctrl按钮选择多个值，然后可以使用print_r($_POST['countries']);获得这些值print_r($_POST['countries']);

<select name="countries" id="countries" MULTIPLE size="8">
   <option value="all">Select all</option>
   <option value="UK">UK</option>
   <option value="US">US</option>
   <option value="Canada">Canada</option>
   <option value="France">France</option>
   <option value="India">India</option>
   <option value="China">China</option>
</select>

jQuery的：

<script>

$(document).ready(function()
{

    $('#countries').change(function() {

        if($(this).val() == 'all')
        {
            $('#countries option').prop('selected', true);
        }

    });

});

</script>

工作演示