This is probably simple, but I can't seem to find it anywhere.

I have have some values stored in javascript variables. I have a
<select> dropdown list whose options correspond to these values. I want
to be able to select an item on the dropdown list based on the value of
the javascript variable.

Let's say this is my list and my variable:

<select id='popup'>
<option value="default">--Please Choose a saying--</option>
<option value="hello">Hello</option>
<option value="goodbye">Goodbye</option>
</select>

var input = "hello";

Is there a way to select the 2nd option using using that variable
value? Something like:

var popup = document.getElementById("popup");
popup.selectedItem = input;

If you have any help or know of a place where I can read up on this, I
would appreciate it.

-Benjamin

passion_to_be_free@hotmail.com wrote:[color=blue]
> This is probably simple, but I can't seem to find it anywhere.
>
> I have have some values stored in javascript variables. I have a
> <select> dropdown list whose options correspond to these values. I want
> to be able to select an item on the dropdown list based on the value of
> the javascript variable.
>
> Let's say this is my list and my variable:
>
> <select id='popup'>
> <option value="default">--Please Choose a saying--</option>
> <option value="hello">Hello</option>
> <option value="goodbye">Goodbye</option>
> </select>
>
> var input = "hello";
>
> Is there a way to select the 2nd option using using that variable
> value? Something like:
>
> var popup = document.getElementById("popup");
> popup.selectedItem = input;[/color]

to get the selected option value :
alert('popup choice = '+popup.options[popup.selectedIndex].value);

to get the selected option item :
alert('popup choice = '+popup.options[popup.selectedIndex].text);

with 'hello', to show the option in select :
for(var i=0;i<popup.length;i)
if(popup[i].value=='hello') popup.selectedIndex = i;

other usefull :

<select id='popup' onchange=" var k = this.selectedIndex;
if(i==0) alert('Do other choice');
else
alert('choice = '+this.options[k].value);">

--
Stephane Moriaux et son [moins] vieux Mac

On Wed, 27 Jul 2005 09:35:11 -0700, passion_to_be_free wrote:
[color=blue]
> I have have some values stored in javascript variables. I have a
> <select> dropdown list whose options correspond to these values. I want
> to be able to select an item on the dropdown list based on the value of
> the javascript variable.
>
> Let's say this is my list and my variable:
>
> <select id='popup'>
> <option value="default">--Please Choose a saying--</option>
> <option value="hello">Hello</option>
> <option value="goodbye">Goodbye</option>
> </select>
>
> var input = "hello";
>
> Is there a way to select the 2nd option using using that variable
> value? Something like:
>
> var popup = document.getElementById("popup");
> popup.selectedItem = input;[/color]

I'm a smidge confused by your description.

Do you want to have the item in the dropdown list become selected based on
the value of another JavaScript variable? So that, when this other
variable, "input", becomes equal to, say, "hello", the second item in
"popup" becomes selected?

Or do you just want to get the value of the second item in the "popup"
drop-down list?

The two tasks are similar but obviously not exactly the same.

--
JDS | jeffrey@example.invalid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

your first description is what i'm looking for. then if later on the
javascript variable changed to "goodbye" the function would then change
the selected value to "goodbye" on the list

passion_to_be_free@hotmail.com wrote:[color=blue]
> I have have some values stored in javascript variables. I have a
> <select> dropdown list whose options correspond to these values. I
> want to be able to select an item on the dropdown list based on the
> value of the javascript variable.[/color]

You need to loop through all the options in the select, find the one whose
value matches your variable value, then mark it as selected.

Functionality like this is best hidden from view with generalized functions,
so you can do:

var input="hello";
setInputValue(document.getElementById("popup"), input);

The generalized setInputValue function and others are available if you want
to take a look:
http://www.JavascriptToolbox.com/validations/

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com

passion_to_be_free@hotmail.com wrote:
[color=blue]
> This is probably simple, but I can't seem to find it anywhere.
>
> I have have some values stored in javascript variables. I have a
> <select> dropdown list whose options correspond to these values. I want
> to be able to select an item on the dropdown list based on the value of
> the javascript variable.
>
> Let's say this is my list and my variable:
>
> <select id='popup'>
> <option value="default">--Please Choose a saying--</option>
> <option value="hello">Hello</option>
> <option value="goodbye">Goodbye</option>
> </select>
>
> var input = "hello";
>
> Is there a way to select the 2nd option using using that variable
> value? Something like:
>
> var popup = document.getElementById("popup");
> popup.selectedItem = input;[/color]
<snip>
There is no 'selectedItem; property for a SELECT element, there is in
your example 'popup.options.selectedIndex' that would equal the numeric
index of the selected option. popup.value is what you want

popup.value=input;

also for reference:

if popup.value==input
then popup.options.selectedIndex==1
and popup.options[1].value==input
so below would also work...

for( var i=0; i<popup.options.length; i++){
popup.options[i].selected=(popup.options[i].value==input);
}

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

On Wed, 27 Jul 2005 11:16:55 -0700, passion_to_be_free wrote:
[color=blue]
> your first description is what i'm looking for. then if later on the
> javascript variable changed to "goodbye" the function would then change
> the selected value to "goodbye" on the list[/color]

Something like this:

http://engineering.jhu.edu/~jeff/tes...t=change+it%21

Remember, there is more than one way to skin a cat. This is just a
starting point.

later...

--
JDS | jeffrey@example.invalid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/