Comments on: Javascript set selection in select element

By: Robert S

Robert S — Sun, 15 Jun 2008 09:30:19 +0000

Or use jQuery:
http://docs.jquery.com/Attributes/val#val

By: volomike

volomike — Wed, 12 Mar 2008 01:10:08 +0000

Was looking for this script. Too bad you don’t have ads on this site — I would have clicked on all your ads as a form of thank you.

(You really should sign up with Google AdSense if you’re going to post this kind of stuff. I just started last month and with just one blog and without even trying, I managed to get $20. Imagine if I had dozens of blogs, useful info like this, and actually made an effort at it.)

By: Will

Will — Mon, 27 Aug 2007 14:38:09 +0000

Was looking for just this script. Thank you for saving me 3 hours.

By: Rick

Rick — Thu, 01 Mar 2007 15:53:49 +0000

Thanks to all. This works like a champ. I had several drop-down selects, and gave the options an id in the form of [id of select].[id of option] to keep them straight.

By: Becky

Becky — Wed, 07 Feb 2007 23:39:39 +0000

Oops. Looks like some of my comment got eaten.

My example should have been …

[option value="1" id="option1"]option 1[/option]
[option value="2" id="option2"]option 2[/option]
[option value="3" id="option3"]option 3[/option]

By: Becky

Becky — Wed, 07 Feb 2007 01:19:32 +0000

If you give the options an id, then you can use that to set the selected value. A co-worker of mine figured out how to go about it, and I’ve used it myself.

For example, if you have the following:
option 1
option 2
option 3

And you want to select the option with a value of “2″, you can do:
document.getElementById(”option2″).selected = true;

If you name your options in a consistant, predictable manner, then it’s not too difficult to do.

I hope that helps (and that I made sense explaining it).