如何根據下拉菜單選擇來隱藏/顯示文本框？

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事件。