下拉菜单的价值 - ＆gt;文本框展开

Question

基本思路是有三个选项

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

当用户选择＃3时，文本框会在下拉列表底部展开，因此可以访问新电子邮件。

你有没有在任何地方看过这样的东西？任何样品/技术？

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 = "";
    }
}