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上进行测试）。

我似乎缺少的是正确选择select标签内的选项标签!!

Answer 1

请改为尝试：

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

Answer 2

您正在标记它是否在IDed名称的条目下直接有选项。

应该是：

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

您也可以考虑通过以下方式进一步锁定它：

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

Answer 3

检查你是否使用css position：absolute。如果您确实看到id或类的z-index位于顶部。你通过指定cursor：pointer来检查这个;在相应的css id / class中。如果你把鼠标放在手上（指针），那么你就在上面。如果没有，$（'＃myid'）。点击功能（{}）;不行。

$（＆＃34; #id选项＆＃34;）。click（function（）{}）不能使用safari或chrome吗？

3 个答案: