点击标签不打开选择

Question

我一直认为,点击一个label或多或少会"触发"相应表单元素上的点击.然而,这似乎并不适用select."mousedown-on-selectfield" - 动画有效,但选择没有打开.

我试过这个:

<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:Imo应该不需要任何Javascript,因为这是一个HTML功能

Answer 1

根据 W3C，单击标签可能什么也不做或将 onFocus 事件发送到相关字段。在这种情况下，通常它会在 select 元素上触发 onFocus。