javascript - 是否可以在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>

看看这个现场演示。