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

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()从我的Option表中获取值并填充dd。目前，我只有一个纯文本框OtherOption。

我之前使用过javascript来做这样的事情，但它基于点击事件。因此，我将文本框设置为'display:none'，使用onclick命名我的脚本，并在我的脚本中显示true或false。

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

最好的方法是什么？

Answer 1

您可以采用相同的方式，但不是onclick事件，而是使用onchange事件。