如何根据下拉菜单选择来隐藏/显示文本框？

Question

我有一个下拉菜单，其中一个选项是“其他”。每个选项都以id表示，例如if OptionId = 6, OptionDescription is "Other"。

如果“其他”被选中，文本框应该出现在用户输入具体什么其他标准是：

<tr> 
    <td class="labels"> 
     Option: 
    </td> 
    <td colspan="3"> 
     <%=Html.DropDownList("OptionId", Utilities.OptionLookup(), "-Select One-") %> 
    </td> 
    <td> 
     <input id="OtherOption" type="text" /> 
    </td> 
</tr> 

在这种情况下，Utilities.OptionLookup()从我的选择表得到的值和填充dd。目前，我只有一个纯文本框OtherOption。

我已经使用JavaScript之前做这样的事情，但它是基于一个单击事件。所以，我将文本框设置为'display:none'，使用onclick来命名我的脚本，并在脚本中执行可见的true或false。

我希望能够做类似的事情，但在下拉菜单中选择“其他”时。

这样做的最好方法是什么？

Answer 1

您可以用同样的方法做到这一点，但不是使用onclick事件，而是使用onchange事件。