jquery - 如何选择列表框中的所有选项

Question

我有以下代码

<select id="first" size="5" multiple="multiple">
    <option id="all" value="0">Select All</option>
    <option value="1">Have</option>
    <option value="2">a</option>
    <option value="3">Great</option>
    <option value="4">day</option>
</select>

单击Select all列表框中的所有选项时必须选择。请帮助我更正以下代码

$("#first").find("option").attr("selected", true);

Answer 1

您需要change()事件来检查是否选择了全选。

现场演示

$('#first').change(function () {
    if ($(this).val() == "0")
       $("option", this).attr("selected", true);
});

Answer 2

就像这样你可以做到

$('#first').click( function() {
   if($(this).val() == "0")
    $(this).prop('selected', 'selected');
});

Answer 3

这是另一个解决方案

$("#first").change(function () {
      $("#first option").attr("selected","selected");
});