Problem with innerhtml and onchange of drop down list

[tjonsek]

I have two drop down boxes on a form. One feeds the second a list
options based on user selection. With the second drop down, I want code
that displays dynamic text in a <div> based on whatever the user
selects.

So far, it doesn't seem to be firing.
I am only testing the functionality because I have quite a bit of text
to display depending on the users input and want to get it working
first before I bother typing everything.

Here is what I have so far:
(Second drop down box code)
<SELECT id="SubCat" NAME="SubCat">
<Option value="" onChange="ViewComparison();" >Product
Description</option>
</SELECT>
<div id="prodTable">Test</div>

javascript:
function ViewComparison(){
document.getElementById('prodTable').innerHTML="Go od Afternoon";
}

I have spent most of my programming life in asp/vbscript due to my
previous employers standards so I am fairly new to javascript.

Any help is appreciated.
Thanks!

[Martyr2]

tj*****@phenom-biz.com wrote:

I have two drop down boxes on a form. One feeds the second a list
options based on user selection. With the second drop down, I want code
that displays dynamic text in a <div> based on whatever the user
selects.

So far, it doesn't seem to be firing.
I am only testing the functionality because I have quite a bit of text
to display depending on the users input and want to get it working
first before I bother typing everything.

Here is what I have so far:
(Second drop down box code)
<SELECT id="SubCat" NAME="SubCat">
<Option value="" onChange="ViewComparison();" >Product
Description</option>
</SELECT>
<div id="prodTable">Test</div>

javascript:
function ViewComparison(){
document.getElementById('prodTable').innerHTML="Go od Afternoon";
}

I have spent most of my programming life in asp/vbscript due to my
previous employers standards so I am fairly new to javascript.

Any help is appreciated.
Thanks!

The onChange event needs to be in your SELECT opening tag, not on the
options themselves.

<SELECT id="SubCat" NAME="SubCat" onChange="ViewComparison()">

That should get you going.

[Scott]

Move your onChange event into the select tag.

[Martyr2]

Martyr2 wrote:

tj*****@phenom-biz.com wrote:

I have two drop down boxes on a form. One feeds the second a list
options based on user selection. With the second drop down, I want code
that displays dynamic text in a <div> based on whatever the user
selects.

So far, it doesn't seem to be firing.
I am only testing the functionality because I have quite a bit of text
to display depending on the users input and want to get it working
first before I bother typing everything.

Here is what I have so far:
(Second drop down box code)
<SELECT id="SubCat" NAME="SubCat">
<Option value="" onChange="ViewComparison();" >Product
Description</option>
</SELECT>
<div id="prodTable">Test</div>

javascript:
function ViewComparison(){
document.getElementById('prodTable').innerHTML="Go od Afternoon";
}

I have spent most of my programming life in asp/vbscript due to my
previous employers standards so I am fairly new to javascript.

Any help is appreciated.
Thanks!

The onChange event needs to be in your SELECT opening tag, not on the
options themselves.

<SELECT id="SubCat" NAME="SubCat" onChange="ViewComparison()">

That should get you going.

By the way, you should also add a few more options because the event
only fires when you actually change options. If you have only one
option, then it can't change.

[tjonsek]

Ok - that's a case of me NOT paying attention.
But, sometimes you look at something long enough you stop seeing it.

My options are added dynamically.
Thanks for the help!