Show/Hide Span based on form dropdown menu

[doc1355]

Hi,
I'm new to JavaScript.
I'm trying to have a span on my form to sho some detail about the form element when the visitor is entering data. I need this to change based on the drop down menu selection. Here what is I have done sofar, but for some reason it is not working:

<form action="">
<select onchange="if (this.selectedIndex==1){document.getElementById['box1'].style.display='block'}else {document.getElementById['box1'].style.display='none'};
                  if (this.selectedIndex==2){document.getElementById['box2'].style.display='block'}else {document.getElementById['box2'].style.display='none'};">
<option value="">0</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
<span id="box1" style="display:none">value=This is Box for 1</span>
<span id="box2" style="display:none">value=This is Box for 2</span>
</form>

I'm not sure what I'm doing wrong and how I can fix this.
Thanks for your help

[gits]

hi ...

welcome to TSDN ...

document.getElementById('id');

note the round brackets :) and fix it in your code

kind regards

[doc1355]

Excellent,
Thank you so much. You guys rock.
I am adding your site to my favorites.

[gits]

hi ...

glad to hear you got it working ... post back to the forum anytime you have more questions ...

kind regards