$( "#id option" ).click(function(){ }) 不适用于 safari 或 chrome？

Question

$("#name option").click(function(){   //some code      })

.HTML：

<select id = "name">
   <optgroup label="label1">
      <option>Option a</option>
      <option>Option a</option>
   </optgroup>
   <optgroup label="label2">
      <option>Option x</option>
      <option>Option y</option>
   </optgroup>
</select>

---

每当用户从选择列表中选择一个选项时，我都需要触发一个函数。问题是它仅适用于Firefox，但不适用于safari或chrome(没有IE进行测试(。

我似乎缺少的是正确选择选择标签中的选项标签！！

Answer 1

试试这个：

$("#name").change(function(){   //some code      });

Answer 2

您将其标记为直接在条目ID下具有选项。

它应该是：

$("#name optgroup option").click(function(){   //some code      })

您也可以考虑通过执行以下操作将其进一步锁定：

$("select#name optgroup option").click(function(){   //some code      })

Answer 3

检查是否使用 css 位置：绝对。如果您确实看到 id 或类的 z 索引位于顶部。您可以通过分配光标：指针来检查这一点;在相应的 CSS ID/类中。如果您在鼠标悬停时看到一只手(指针(，那么您就在上面。如果不是，则 $('#myid'(.click 函数({}(;行不通。