javascript - 下拉列表的值 -> 文本框展开

Question

基本思想是有三个选项

1. 来自数据库的电子邮件 #1
2. 来自数据库的电子邮件#2
3. 新邮件

当用户选择 #3 时，下拉菜单底部会展开一个文本框，以便输入新电子邮件。

你在哪儿见过这样的事情吗？有什么 sample /技术吗？

Answer 1

所有这一切都需要有一个初始属性为 style="display:none" 的表单字段，然后在选择第三个选项时显示它。

这是穷人的版本:

<select onchange="displayEmail(this)">
   <!-- Put your items here -->
</select>
<input type="text" name="email" id="email" style="display: none;" />

JS:

function displayEmail(element) {
    if(element.selectedIndex==2) {
        document.getElementById('email').style.display = "";
    }
}