通过单击标签（使用react、javascript或css）切换打开select表单元素

我有一个带有浮动标签的下拉列表，它不会切换，除非我点击表单元素本身，点击它不起作用的标签，有没有办法在react、javascript（我读不到）或CSS中实现这一点

多谢各位

<select id="age" name="age">
    <option disabled></option>
    <option value="1">0-10</option>
    <option value="2">10-15</option>
    <option value="3">15-20</option>
    <option value="4">20+</option>
</select>
<label className="animated-label" htmlFor="age">
    Age
</label>

0-10
10-15
15-20
20+
年龄

---

将标签用于它不起作用。是否有任何功能可供我使用以编程方式手动切换下拉列表打开

与我们共享您的代码将有助于我们进一步了解您面临的问题

这里的解决方案应该非常简单，在标签标签上添加属性“for”，因此它与选择菜单id一致。 例如：

我的下拉列表
...

Hi@Vladan Grubo Paunovic它不工作，我在上面添加了我的代码。非常感谢。我需要这个标签underneath@user3808307你能和我的更新分享你的代码吗，这样我就可以为你调试它了？我在多选中使用的解决方案之一是添加指针事件：标签上没有，我有一个动画标签代替了占位符，它不是完全跨浏览器的，但对我来说已经足够了，然后我有另一个没有这个的例子，我会在周末寻找它并分享代码点击标签不会打开选择，它只是聚焦它。仅在Chrome和Firefox中测试。

<label for="dropdown-menu">
    My dropdown
    <select id="dropdown-menu">
      <option>...</option>
    </select>
</label>