Question

js 实现下拉框展开

<select>
<option>1</option> <option>2</option>
</select>
<input type="button" value="aa"/>
现在，想点击按钮时，下拉框展开，请问怎么实现，请高手帮忙。

Answer 1

1.给select命名一个id属性，比如select的id叫做ddlSelect
2.给button按钮加个onclick事件，如下下
<input type="button" value="aa" onclick="document.getElementById('ddlSelect').size = document.getElementById('select').length;"/>

这样可实现展开效果

提示下：该select原本在js中是没有自动展开的属性的，只能设置select标签的size属性来实现展开的效果