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

How can I hide/show textboxes based on drop down menu selection?

本文关键字：显示 文本 隐藏 选择 何根 下拉菜单      更新时间：2023-09-26

我有一个下拉菜单，其中一个选项是"其他"。每个选项都存储在一个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。

我希望能够做一些类似的事情，但当我的下拉菜单中选择了"其他"时。

最好的方法是什么？

您可以用同样的方法来完成，但您使用的不是onclick事件，而是onchange事件。

相关文章：