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

このようにあなたはそれを行うことができます

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

Answer 2

select all が選択されているかどうかを確認するには、change()イベントが必要です。

ライブデモ

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