Triggering onChange/Dropdown

loomer · 06-05-2003, 02:11 AM

Another problem...

I have a double combo box working fine with javascript. What I would like to do is to be able to select/change the first combo box from a menu or from somewhere besides actually choosing an item in the drop down menu.

The problem is that when I got to change it using the DOM the second combo box is NOT updating it's value the way it should be. The function for the combo box is originally called using the onChange="function(this)" command.

Is there a way to trigger the onChange somehow? Whenever I send a value into the function directly the second combo box never updates.

Here's the function:

function productselected(elem){
for (var i = document.f1.productLine.options.length; i >= 0; i--){
document.f1.productLine.options[i] = null;

Any help would be greatly appreciated. Thanks.

cheesebagpipe · 06-05-2003, 03:20 AM

You can call an HTML event handler explicitly:

ref_to_select.onchange();

Hard to tell if this is helpful.

glenngv · 06-05-2003, 03:39 AM

or after changing the select, call the onchange function manually.

loomer · 06-05-2003, 04:02 AM

The problem I'm having is the form originally uses:

onChange="function(this)";

and I'm not sure exactly what value 'this' is sending to the function so I'm not sure what value to send. I'm trying all kinds of different combinations but with no success.

cheesebagpipe · 06-05-2003, 04:06 AM

http://www.codingforums.com/showthre...threadid=21118

It's not a value - it's the Select object. Did you try calling it explicitly (above)?

glenngv · 06-05-2003, 04:47 AM

functionToCall(document.formName.selectName)

loomer · 06-05-2003, 04:55 AM

I was able to grab some help and I think the problem is solved. I'll post the script so other people can use it if they run into the same problem.

I really do appreciate your help and patience though Cheesebagpipe and Glenngv.

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">

</script>
</head>
<body>

<form action="" name="ff">
<select onchange="see(this)" name="ss">
<option value="111">aaaaa</option>
<option value="222">bbbbb</option>
</select>
<a href="#" onclick="activateOnChange()">Activate onChange</a>
</form>
</body>
</html>

cheesebagpipe · 06-05-2003, 03:44 PM

You're using IE-only DHTML behaviors. With so many ways to do this, why choose a proprietary one?

loomer · 06-05-2003, 04:33 PM

Yikes.. I didn't realize that..

Okay.. I did try calling the function using your syntax above:

document.f1.alloy.onChange();

which came back with an error.

I also tried calling the function and passing in a value as Glenngv suggested but also had no luck:

alloyselected(document.f1.alloy);

I feel like a damn moron.. Obviously I'm looking for a non-browser specific answer. The way I got the previous IE only function to call was to put it in the onLoad handler so each time the page is refreshed it will automatically do it.. and that seemed to work fine.

I'm baffled and frustrated (as I'm sure you are with my babbling

)..

cheesebagpipe · 06-05-2003, 05:29 PM

Look, you babbling moron (

)

document.f1.alloy.onchange();

If that don't cut it, post some of the relevant code, along with some more moronic babbling...

loomer · 06-05-2003, 05:50 PM

LOL..

[BABBLE]

a sense of humour is becoming the only thing keeping me going.

Okay.. I think what you just gave me is working.. I'm sure I tried that at some point during my 16 hours of coding yesterday.. But of course what actually happened past hour 12 is anybody's guess.

.EDIT.

Netscape = bad.. Now that IE works fine.. It's on to tackle Netscape which should be next to impossible

. .. crap

[/BABBLE]