Question

function otherShow() {
    var textarea = document.getElementById("hideme");
    var x = document.forms.myForm.other_trade.value;
    if (x == "other") {
        textarea.style.display = 'block';
    }else {
        textarea.style.display = 'none';
    }
}

This is my JavaScript code that is supposed to hide the text area that holds the ID=hideme and the action is triggered onchange="otherShow();"

<select name="trade" required="required" class="inputbox" id="trade" onchange="otherShow();">
<option value="" selected="selected"> Select one... </option>
<option value="" disabled="disabled">  ----------------------   </option>
<option value="General Labourer">Option1</option> 
.......
</select>

The above is the Select and below is the Textarea

<textarea cols="36" rows="6" class="inputbox" id="hideme" name="other_trade"></textarea>

In the end of the Select i have a

<option value="Other"> Other </other> 

I want to show the Text area when the Other is selected. Please help I think the loginc is correct but it just do not work when I change it to some value it hides the text area, but do not change it…

Answer 1

the name of the select box is trade not other_trade:

var x = document.forms.myForm.trade.value;

or :

var x = this.value;

instead of :

var x = document.forms.myForm.other_trade.value;