是否可以在javascript中动态扩展下拉框（就像选择html页面中的下拉框一样）

Question

我在jsp页面中有一个下拉框，例如：选择| _ _ |▼|具有以下值：

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。