Javascript:根据特定下拉列表的值隐藏表单输入

Question

基本上，我想根据下拉菜单的选定值隐藏输入选项。具体来说，如果选择的值是 tid 和 acc，我只显示这个输入标签。

我有这个下拉菜单。

<select id="select1742855Rule Type" onchange="document.getElementById('form1742855_Rule Type').value=this.value;">
        <option value="" selected="selected">None</option>
        <option value="tid">tid</option>
        <option value="tid and acc">tid and acc</option>
        <option value="xid">xid</option>
 </select>

还有这个输入标签:

<input type="text" size="6" id = "acc" onchange="document.getElementById('form1742851_Id').value=this.value;">

在 JavaScript 方面，我完全是个新手。任何帮助将不胜感激!

Answer 1

首先:不要在控件 id 中使用空格

$('#select1742855Rule_Type').change(function() {
   var val = $(this).val();
   if (val == 'tid and acc') {
      $('#acc').show();
   }
   else {
      $('#acc').hide(); 
   }
});