Add event to Drop down list with no ID

[NickMc71]

Hello,

My page is dynamically generating a product listing for a drop down list based on our options. For example, one page might show this:

[HTML] <select name=stylekey>
<option value="7784">Naos 70 Regular Cobalt</option>
<option value="7783">Naos 70 Regular Graphite</option>
[/HTML]
The name is always "stylekey". Basically I don't have access to this code, so I can't really modify the select list by adding events. What I want is for a user to go to a given page when they select an item from the drop down list without having to push a button.

I added in this javascript:
[HTML] <script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpToProduct(value) {
window.location="address to site" + value;
}
//-->
</script>
[/HTML]
Where address to site was the physical path. This code works perfectly if I add this to the <select button (just on a test page):

onChange="MM_jumpToProduct(test.value)"

The problem is I can't add this event to the select part because I don't have access to it. I tried setting this event on a div as well as on a span that encompasses the <select>. This didn't work. If I could add the id property to the select I think that would work to -- but I can't. I'm wondering is there a way to add this property to the control somewhere other than the control itself?

Sorry for the beginner question, and thanks for any help!

[drhowarddrfine]

select and option are part of a form and a form needs a button to submit it. At least in html. What you want is probably do-able using javscript and the DOM on the client side but this needs to be asked on that board. I can send this there if you wish.

[numberwhun]

Hello,

My page is dynamically generating a product listing for a drop down list based on our options. For example, one page might show this:

<select name=stylekey>
<option value="7784">Naos 70 Regular Cobalt</option>
<option value="7783">Naos 70 Regular Graphite</option>

The name is always "stylekey". Basically I don't have access to this code, so I can't really modify the select list by adding events. What I want is for a user to go to a given page when they select an item from the drop down list without having to push a button.

I added in this javascript:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpToProduct(value) {
window.location="address to site" + value;
}
//-->
</script>

Where address to site was the physical path. This code works perfectly if I add this to the <select button (just on a test page):
onChange="MM_jumpToProduct(test.value)"

The problem is I can't add this event to the select part because I don't have access to it. I tried setting this event on a div as well as on a span that encompasses the <select>. This didn't work. If I could add the id property to the select I think that would work to -- but I can't. I'm wondering is there a way to add this property to the control somewhere other than the control itself?

Sorry for the beginner question, and thanks for any help!

If you don't have access to change the source, then I would find someone who does, explain what you want to do and see if they can make the change for you.

Regards,

Jeff

[NickMc71]

Yes sorry - I guess this would fit better on the JS board.

As for the second response, that's my last resort... it's be much less costly if I could find a work-around.

[NickMc71]

Bah of course now I figure it out -- just had to use getElementsByName instead of by ID.

[acoder]

Changed the thread title to be more descriptive.

That was one way of accessing the object. You could also have used the form.elements array.