Javascript 用于下拉选择框选项的专用按钮/div

是否可以通过制作一个专用按钮/div使选择框下拉

例如：-

---

单击橙色矩形时，我希望选择框下拉。

我想这一个可能会对您有所帮助

<select id="tst" >
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
</select>


<input type="button" name="" value="Open" onclick="document.getElementById('tst').size='10';"/>
<input type="button" name="" value="Close" onclick="document.getElementById('tst').size='1';"/>

选项
选项
选项
选项
选项
选项
选项
选项
选项
选项

以前的解决方案是调用select.click（）方法，但这不起作用。

---

这里有一个库可以帮你做到这一点：

什么都没有。我想这是一个onclick事件，但我不知道哪个方法/函数会执行我想要的操作。本机

select

元素没有自动打开select列表的编程方法。如果您想用另一个元素触发此操作，您最好创建自己版本的下拉列表。@scunlife是的，谢谢您的更新，先生，我认为在单击某个按钮时更改选择框的大小会对他有所帮助？太好了，谢谢。大小是我想要的功能。通过对他们的源代码进行一些编辑，这对我来说效果更好。谢谢。