jQuery：在选择框中快速选择整个 optgroup 的简单方法

Question

我使用与此线程中的函数类似的 jQuery 函数： 在 select 中快速选择整个 optgroup 的简单方法 但是，当我单击

时，它现在会选择整个 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>

因此，单击 C 也会选择 Ab 。也许我错过了一些明显的东西......

Answer 1

我可能是错的，但您可能需要向 添加一个处理程序以阻止点击事件冒泡。

像这样简单的事情可能会有所帮助：

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

Answer 2

另外，您可以检查 optgroup 点击处理程序中的目标，并短路事件的目标是否实际上是选项标签，如下所示：

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