Attaching javascript event to a built in advance html file...

zzzbla · Apr 24, 2006

Hi,

I need to attach a javascript function I wrote to the onChange event of
a <select> tag. However, I'm using a 3rd party tool that creates the
html files - it only lets me add bits of html to it, I can't touch the
elements it produces, so I can't just add an onChange="myfunction"
attribute to that <select> tag. I can't change the onload attribute of
the <body> tag.

How can I run code that attached my function to that event?

Thanks in advance,
R. Green

Randy Webb · Apr 24, 2006

(e-mail address removed) said the following on 4/24/2006 1:21 PM:

Hi,

I need to attach a javascript function I wrote to the onChange event of
a <select> tag. However, I'm using a 3rd party tool that creates the
html files - it only lets me add bits of html to it, I can't touch the
elements it produces, so I can't just add an onChange="myfunction"
attribute to that <select> tag. I can't change the onload attribute of
the <body> tag.

How can I run code that attached my function to that event?

Does your select have a name or id attribute?

If so, simply add an onchange event to it:

document.forms['formID'].elements['selectName'].onchange=functionToExecuteOnChange;

zzzbla · Apr 27, 2006

hi,

what if there are already functions that handle the event (either by
<select onchange="functionname">) or the equivalent
....elements["elementname"].onchange? how can i make sure that it's my
function that runs and not the others?

Randy said:
(e-mail address removed) said the following on 4/24/2006 1:21 PM:

Hi,

I need to attach a javascript function I wrote to the onChange event of
a <select> tag. However, I'm using a 3rd party tool that creates the
html files - it only lets me add bits of html to it, I can't touch the
elements it produces, so I can't just add an onChange="myfunction"
attribute to that <select> tag. I can't change the onload attribute of
the <body> tag.

How can I run code that attached my function to that event?

Click to expand...

Does your select have a name or id attribute?

If so, simply add an onchange event to it:

document.forms['formID'].elements['selectName'].onchange=functionToExecuteOnChange;

Randy Webb · Apr 27, 2006

(e-mail address removed) said the following on 4/27/2006 3:10 AM:

Answer:It destroys the order of the conversation
Question: Why?
Answer: Top-Posting.
Question: Whats the most annoying thing on Usenet?

hi,

what if there are already functions that handle the event (either by
<select onchange="functionname">) or the equivalent
....elements["elementname"].onchange?

Did you test it to see? And if so, what happened?

how can i make sure that it's my function that runs and not the others?

You can start by testing it.

window.onload = resetSelectOnChange(){
document.forms['formID'].elements['selectName'].onchange=functionToExecuteOnChangeThatWillSupersedeAnyOtherThatWasAssignedBeforeNowAndWillExecuteUnlessYouRedefineAnotherOne;
}

Note the lack of () on the function name.

David Mark's Essential Javascript Tips - Volume #8 - Tip #47E -Attaching and Detaching Event Listene	1	Dec 15, 2011
Maybe a bug in JavaScript?	2	Sep 2, 2022
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
Switch case in a JavaScript function	7	Dec 1, 2022
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
attaching event handlers to tags with javascript	2	Dec 24, 2005
Add Image and label dynamically inside the dropdown	2	Mar 11, 2022
I am trying to make an audio player, how do I get the selected file to be playable?	5	Mar 29, 2022

Attaching javascript event to a built in advance html file...

zzzbla

Randy Webb

zzzbla

Randy Webb

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads