js 实现下拉框展开

JavaScript018

js 实现下拉框展开,第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属性来实现展开的效果

你好。

我的思路是：因为你的二级联运菜单是用JS实现的，那么B的条数肯定是可以算出来的，

因此，你要定义一个函数，你在触发A的onchange事件时，

设置B的size属性。这样显示就刚刚好，不会因为SIZE过大而出现空余，

也不会因为SIZE小了而出现滚动条。这样实现起来并不困难。