javascript - Jquery/Javascript onclick 事件到 html 打开选择标签

Question

我有一个位于选择标签顶部的跨度，当您单击选择标签时，菜单会打开以选择一个值，但是当您单击位于选择标签顶部的跨度时，没有任何反应。是否有一种 jquery 方法可以在点击时使用，从而打开选择标签菜单？

<select id="support_support_type" name="support[support_type]">
  <option value="Contact">Contact</option>
  <option value="Feedback">Feedback</option>
  <option value="Help">Help</option>
</select>
<span class="drop down-arrow"></span>

Answer 1

跨度是position编辑absolute在选择框？如果是这样，为此使用 CSS 的指针事件会方便得多。鉴于it's compatible with almost all browsers ，我会用它来生产。 CSS 规则通常也优于 javascript 黑客。

将此添加到您的 CSS 文件中，您就可以开始了。

.drop.down-arrow{
    pointer-events: none;
}

它所做的基本上是允许光标通过它点击到 <select>。在它下面。希望我有所帮助!