jquery - jQuery: 選択ボックスで optgroup 全体をすばやく選択する簡単な方法

Question

しかし、クリックする<option>と、optgroup がオプション要素を囲んでいるため、optgroup 全体が選択されるようになりました。次のスニペットを使用します。

  $("optgroup").click(function(e) {
    $(this).children().attr('selected','selected');
  });

私のHTMLは次のようになります：

<optgroup label="Abc">
<option value="8" >Ab</option> 
<option value="7" >C</option></optgroup>

したがって、<option>C</option>選択もクリックし<option>Ab</option>ます。おそらく私は明らかな何かを見逃しています...

score 3 · Accepted Answer

私は間違っているかもしれませんが<option>、クリックイベントのバブルアップを停止するには、s にハンドラーを追加する必要があるかもしれません。

これと同じくらい簡単なものが役立つかもしれません：

$("optgroup option").click(function(e) {
    e.stopPropagation();
});

score 2 · Accepted Answer

また、optgroupクリックハンドラーでターゲットを確認し、イベントのターゲットが実際にオプションタグであるかどうかを短く循環させることもできます。

$("optgroup").click(function(e) {
   if ($(e.target).is('option')) return;
   $(this).children().attr('selected','selected');
});

2 に答える 2