Selecting a SELECT value BY value?

[@sh]

Probably very simple, but I have a SELECT box The value of each option in
the Select box will be a number, for instance...

<option value="5">A test entry</option>

Therefore, how do I, via an onClick, change the selected option of a Select
via the Value of the select only? I can't use the 'selectedIndex' because it
doesn't relate to the value of the option.

Thanks!

[Erwin Moller]

@sh wrote:
Hi

Probably very simple, but I have a SELECT box The value of each option in
the Select box will be a number, for instance...

<option value="5">A test entry</option>

Therefore, how do I, via an onClick, change the selected option of a
Select via the Value of the select only? I can't use the 'selectedIndex'
because it doesn't relate to the value of the option.
Yes it does relate to the value.
It is actually POINTING to the selected index, which is more usefull than
the value, since the same value can be found for different options!
So use it to point to the right OPTION in the selectbox, and retrieve the
value or text.

Example:

<form name="fakeform" >
<select name="example" onClick="getVal ();">
<option value="1">One
<option value="2">Two
<option value="3">Three
<option value="1">Also One
</select>
</form>

<script type="text/javascript">
function getVal(){
// get the index of the selected one
var selInd = document.forms["fakeform"].example.select edIndex;
var correspondingVa lue =
document.forms["fakeform"].example[selInd].value;
var correspondingTe xt = document.forms["fakeform"].example[selInd].text;
// do something usefull with it

alert("selInd=" +selInd+"\ncorr espondingValue= "+corresponding Value+"\ncorres pondingText="+c orrespondingTex t);
}
</script>

Regards,
Erwin Moller


Thanks!

[Erwin Moller]

Erwin Moller wrote:

Correction:

<select name="example" onClick="getVal ();">

By the way: onClick is not OK.
It should be onChange().

[@sh]

Thanks for your reply, I think I understand what you mean, although I'm
trying to set the selected option in the SELECT via an onClick from another
element on the page? I think you've misunderstood my question?
"Erwin Moller"
<si************ *************** *************** @spamyourself.c om> wrote in
message news:44******** *************** @news.xs4all.nl ...

@sh wrote:
Hi

Probably very simple, but I have a SELECT box The value of each option in
the Select box will be a number, for instance...

<option value="5">A test entry</option>

Therefore, how do I, via an onClick, change the selected option of a
Select via the Value of the select only? I can't use the 'selectedIndex'
because it doesn't relate to the value of the option.

Yes it does relate to the value.
It is actually POINTING to the selected index, which is more usefull than
the value, since the same value can be found for different options!
So use it to point to the right OPTION in the selectbox, and retrieve the
value or text.

Example:

<form name="fakeform" >
<select name="example" onClick="getVal ();">
<option value="1">One
<option value="2">Two
<option value="3">Three
<option value="1">Also One
</select>
</form>

<script type="text/javascript">
function getVal(){
// get the index of the selected one
var selInd = document.forms["fakeform"].example.select edIndex;
var correspondingVa lue =
document.forms["fakeform"].example[selInd].value;
var correspondingTe xt = document.forms["fakeform"].example[selInd].text;
// do something usefull with it

alert("selInd=" +selInd+"\ncorr espondingValue= "+corresponding Value+"\ncorres pondingText="+c orrespondingTex t);
}
</script>

Regards,
Erwin Moller

Thanks!

[@sh]

Any ideas?

[Tim Streater]

In article <DM************ *************** ***@bt.com>,
"@sh" <sp**@spam.co m> wrote:

Any ideas?

About what?

-- tim

[@sh]

About my dilemma! I'm a bit stuck and have been toying all afternoon but
can't quite solve it - I think the reply from Erwin misunderstood my
question, either that or I misunderstood how to interpret his reply?

I basically need a way to, via onClick from another page element, set a
Select box to an option knowing only the 'value' of the Option in question?

Thanks!
"Tim Streater" <ti**********@d ante.org.uk> wrote in message
news:ti******** *************** *********@indiv idual.net...

In article <DM************ *************** ***@bt.com>,
"@sh" <sp**@spam.co m> wrote:

Any ideas?

About what?

-- tim

[Randy Webb]

@sh said the following on 3/22/2006 11:17 AM:

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

About my dilemma! I'm a bit stuck and have been toying all afternoon but
can't quite solve it - I think the reply from Erwin misunderstood my
question, either that or I misunderstood how to interpret his reply?

I basically need a way to, via onClick from another page element, set a
Select box to an option knowing only the 'value' of the Option in question?

You loop through the select options and when you find the one that has
the value you want, you set the selectedIndex to the one that has that
value. And, to get to the value, you have to know the selectedIndex.
function setSelectObject (val){
var selectObject = document.forms['myForm'].elements['mySelect'];
var k=0;
while (selectObject[k].value != val)
{
k++
}
selectObject.se lectedIndex = k;
}

It will pick up the first option that has the value that you pass it.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Thomas 'PointedEars' Lahn]

Erwin Moller wrote:

Erwin Moller wrote:

<select name="example" onClick="getVal ();">

By the way: onClick is not OK.
It should be onChange().

That depends.
PointedEars

[Randy Webb]

Thomas 'PointedEars' Lahn said the following on 3/22/2006 6:08 PM:

Erwin Moller wrote:

Erwin Moller wrote:

<select name="example" onClick="getVal ();">

By the way: onClick is not OK.
It should be onChange().

That depends.

No it doesn't. Onclick on a select is like onblur of any other input
element. You don't use it to change/validate things because then you are
repeatedly running code when it isn't needed. onChange will only fire
when it's changed, meaning your code only runs when it needs to.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/