javascript - 通过单击标签来切换下拉菜单

Question

我的网站上有几个选择。我正在使用 react 。当您单击箭头时，它会打开并允许您从下拉列表中进行选择，但是当您单击标签时什么也不会发生。

这是我的 html 结构

<select id="people" name="people">
    <option disabled=""></option>
    <option value="1">John Does</option>
    <option value="2">Barry Jones</option>
    <option value="3">Johanna Crest</option>
</select>

<label class="label-class" for="people">
    People
</label>

我想在单击相应的标签时打开每个 doprdown，并且每个下拉列表都会发生这种情况

Answer 1

如果您使用的是 React，您可以将事件绑定(bind)到标签 onClick={your_function}