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

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()个事件来检查是否已选择全部选择。

<强> Live Demo

$('#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");
});