单击标签未打开选择

我一直以为，点击label将或多或少地“触发”相应表单元素的点击。 然而，这似乎不起作用select。 “选择字段上的鼠标按下”动画有效，但选择未打开。

我试过这个：

<label for="my_id">Click me</label>
<select id="my_id">
  <option>1</option>
  <option>2</option>
</select>

然后：

<label for="my_id">Click me
  <select id="my_id">
    <option>1</option>
    <option>2</option>
  </select>
</label>

知道我做错了什么吗？

PS：我认为这里不需要任何 JavaScript，因为这是一个 html 功能

根据 W3C，单击标签可能不会执行任何操作或将 onFocus 事件发送到相关字段。在这种情况下，通常它会触发 select 元素上的 onFocus。

https://www.w3.org/TR/html5/forms.html#the-label-element https://www.w3.org/TR/html5/forms.html#the-label-element