Question

Basically, I want to hide an input option depending based on the selected value of a drop-down menu. Specifically, I only what to show this input tag if the value selected is tid and acc.

I have this drop-down menu.

<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>

And this input tag:

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

I am a utter novice when it comes to javascript. Any help will be much appreciated!

Answer 1

First of all: do no use white space in controls id

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