which <option> was clicked on?

Bart Van der Donck · Sep 6, 2003

Hello,

My hair falls out!
Is it possible to retrieve the "ordering value" of the <option> that
was clicked inside a range of options ?
In other words, with something like
<option value="myvalue">mytext</option>
is it possible to know the position of that <option> between the other
<option>s and retrieve that value through javascript ?

Here is the simplified code, where "myvar" is the variable that should
somehow become the position of the clicked option:

<html>
<head>
<script>
function g(myvar)
{
alert('You clicked on the ' + myvar + 'th option.')
}
</script>
</head>

<body>
<select name="n" onChange="g(this.value)">
<option value="a">111
<option value="b">222
<option value="c">333
</select>
</body>
</html>

Many thanks
Bart

Janwillem Borleffs · Sep 6, 2003

Bart Van der Donck said:
Hello,

My hair falls out!
Is it possible to retrieve the "ordering value" of the <option> that
was clicked inside a range of options ?
In other words, with something like
<option value="myvalue">mytext</option>
is it possible to know the position of that <option> between the other
<option>s and retrieve that value through javascript ?

Here is the simplified code, where "myvar" is the variable that should
somehow become the position of the clicked option:

I think that you are looking for selectedIndex:
....
<script>
function g(myvar)
{
// selectedIndex starts off with 0, so add 1 to meet
// human logics
alert('You clicked on the ' + ++myvar + 'th option.')
}
</script>
</head>

<body>
<select name="n" onChange="g(selectedIndex)">
<option value="a">111
<option value="b">222
<option value="c">333
</select>
</body>
....

JW

Evertjan. · Sep 6, 2003

Janwillem Borleffs wrote on 06 sep 2003 in comp.lang.javascript:

I think that you are looking for selectedIndex:
...
<script>
function g(myvar)
{
// selectedIndex starts off with 0, so add 1 to meet
// human logics
alert('You clicked on the ' + ++myvar + 'th option.')
}
</script>
</head>

<body>
<select name="n" onChange="g(selectedIndex)">
<option value="a">111
<option value="b">222
<option value="c">333
</select>
</body>

IE:

<script>
function g(x,myvar) {
alert('the optionvalue was: ' + x.childNodes[myvar+1].value +
'\nthe text was: ' + x.childNodes[myvar+1].innerText)
}
</script>

<select name="n" onChange="g(this,selectedIndex)">
<option value="a">111
<option value="b">222
<option value="c">333
</select>
</body>

Janwillem Borleffs · Sep 6, 2003

Evertjan. said:
IE:

<script>
function g(x,myvar) {
alert('the optionvalue was: ' + x.childNodes[myvar+1].value +
'\nthe text was: ' + x.childNodes[myvar+1].innerText)
}
</script>

Why using DOM when the Form object already provides you with cross-browser
compliant properties?

function g(x,myvar) {
alert('the optionvalue was: ' + x[myvar].value +'\nthe text was: ' +
x[myvar].text)
}

JW

Evertjan. · Sep 6, 2003

Janwillem Borleffs wrote on 06 sep 2003 in comp.lang.javascript:

Evertjan. said:
Evertjan. said:

IE:

<script>
function g(x,myvar) {
alert('the optionvalue was: ' + x.childNodes[myvar+1].value +
'\nthe text was: ' + x.childNodes[myvar+1].innerText)
}
</script>

Click to expand...

Why using DOM when the Form object already provides you with
cross-browser compliant properties?
dunno

function g(x,myvar) {
alert('the optionvalue was: ' + x[myvar].value +'\nthe text was: '
+ x[myvar].text)
}

didn't know about .text, tnx

Bart Van der Donck · Sep 7, 2003

Thanks Janwillem & Evertjan,

Groetjes uit Belgie
Bart

I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button	3	Nov 9, 2022
Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023
Very Basic CC Validation Javascript	0	Oct 29, 2019
How to save JSON Data to a file using fetch() api?	2	Apr 28, 2022
problem with form getting submitted	8	Jul 6, 2010
dynamic row table option problem	2	Sep 26, 2009
How to know which option in select field was clicked last?	6	Oct 11, 2005

which <option> was clicked on?

Bart Van der Donck

Janwillem Borleffs

Evertjan.

Janwillem Borleffs

Evertjan.

Bart Van der Donck

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads