By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,617 Members | 1,172 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,617 IT Pros & Developers. It's quick & easy.

select an item on a dropdown list

P: n/a
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

Jul 27 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a
ASM
pa****************@hotmail.com wrote:
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;


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
Jul 27 '05 #2

P: n/a
JDS
On Wed, 27 Jul 2005 09:35:11 -0700, passion_to_be_free wrote:
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;


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 | je*****@example.invalid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

Jul 27 '05 #3

P: n/a
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

Jul 27 '05 #4

P: n/a
pa****************@hotmail.com wrote:
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.


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
Jul 27 '05 #5

P: n/a
pa****************@hotmail.com wrote:
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;

<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
Jul 27 '05 #6

P: n/a
JDS
On Wed, 27 Jul 2005 11:16:55 -0700, passion_to_be_free wrote:
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


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 | je*****@example.invalid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

Jul 27 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.