是否有可能在javascript中动态地扩展下拉框（就像在html页面中选择下拉框）

Question

我在jsp页面有一个下拉框，例如：Select | _ _ |▼|其中，具有下列值：

1. 苹果
2. 芒果
3. 香蕉。

现在我通过文本框的onblur事件调用java脚本函数。在该函数可以 我显示下拉框图所示：

Select |_____|▼| 
     |apple | 
     |Mango | 
     |Banana | 

（相反点击▼按钮可以使下降的视图下拉框像JSP选择）

Answer 1

正常选择不能在JavaScript中进行扩展。但是，您可以使用多选来实现此行为。

像这样：

<select id="test" multiple="multiple" size=1 
     onFocus="this.size = 3;" 
     onBlur="this.size = 1;"> 
    <option >apple</option> 
    <option >mango</option> 
    <option >banana</option> 
</select> 

看看这个live demo。