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(); 
    } 
}); 

Answer 2

$(function() { 
    $("yourInput").hide(); 
    $("yourSelect").change(function() { 
     if ($(this).val() == "yourVal") 
      $("yourInput").show(); 
     else 
      $("yourInput").hide(); 
    }); 
}); 

Answer 3

このような何か試してみてください：

注：IDからスペースを削除します。

toggleInput = function(){  
    var select = document.getElementById("form1742855_Rule_Type"); 
    if (select){ 
     document.getElementById("acc").style.display = select.options[select.selectedIndex].value == "tid and acc" ? "block" : "none";  
    } 
}