Other Box.

[Jacbey]

I commented it out because I was trying to make it work a different way. But uncommented and still not working. And I have changed the tags to match mine. =/

[Adam]

Change any references of "mySelect" within the JS to match the ID attributed to your <select> in question. Change any references of "mySelectOther" within the JS to match the ID attributed to the DIV containing the 'other' text input.

 

Also your opening script tag is:

<script src="jquery-1.6.1.min.js" type="text/javascript" charset="utf-8">

 

Change it to:

<script type="text/javascript">

 

Edit

 

Also remove:

onchange='showfield(this)'

 

Although that shouldn't make much difference, as the code within the head should overwrite it.

 

Edit..edit

 

You also haven't assigned the value of "other" to you other option:

<option>Other...</option>

 

Change it to:

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

[Jacbey]

Ok, i've made those changes but it still doesn't work. Anyway, I'm going to go to bed now. I will continue this tomorrow. Thanks

[gizmola]

Currently your js has a syntax error you need to fix.

[Jacbey]

What's the syntax error?

[hemo-ali]

this is the best

<script type="text/javascript" src="jquery.js"> </script>
<script type="text/javascript">
window.onload = function() {
    var mySelect = document.getElementById('school2');
    mySelect.onchange = function() {
        if (this.value == 'other') {
	            document.getElementById('otherdiv').style.display = 'block';
	        } else {
	            document.getElementById('otherdiv').style.display = 'none';
	        }
        }
    }
</script>
<select id="school2">
    <option>1</option>
    <option>2</option>
    <option>other</option>
</select>
<div id="otherdiv" style="display: none;">
    asd
</div>