单击禁用的选项框时如何触发警报消息？

如果单击禁用的选项框，我想发出警报。 如果未框，则无论是否禁用选项select中的选项，都不应触发。

只有在禁用或启用单个选项本身时，才会禁用整个框。 单独的个别选项不应影响警报。

   $(document).ready(function(){ $('#optDir').click(function(){ alert("The Box is dissabled... ``Text Direction`` can only be chosen, when choosing ``Auto Detect`` languadge"); }); });   $(document).ready(function () { $("#opt").change(function () { if ($(this).val() == "auto") { $("#optDir").prop('disabled', false); } else { $("#optDir").prop('disabled', true); } }) });   function setRtL(obj) { var textbox = document.getElementById("SeekBox"); textbox.style.direction = ["ar","RightToLeft"].indexOf(obj.value) >=0 ? "rtl" : "ltr"; }  
  Auto Detect Arabic English French German Russian Spanish   Only with: Auto Detect Text: Left To Right Text: Right To Left   

注意：所有型号代码都经过简化，整个工作范围更大。

Answer 1

禁用的元素不会触发任何鼠标事件。 因此，即使从禁用选择框中也无法捕获单击。 您可以在其周围保留一个包装器div，然后在其上放置onclick事件，您可以使用.siblings()获取select元素，并检查它是否已禁用属性。 启用select时，必须删除包装器div。 为此你可以hide()包装div并在需要时再次显示它。

这样的事似乎有效：

      Auto Detect Arabic English French German Russian Spanish  
  Only with: Auto Detect Text: Left To Right Text: Right To Left