Getting an Option object from Select Object using JavaScript

Ranch Hand

Posts: 389

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,

I would like to programmatically select an <option> using JavaScript. I only have the value of the <option>, how do I get the object with just this data using JavaScript.

Let me show an example:

Now how do I select the <option> with a value of "pqr" using JavaScript. With index it can be done like this:

But I don't have the index, I only have the value.

Thanks,
Srikanth

Christophe Verré

Sheriff

Posts: 14691

I like...

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

If you give your option tags a "name" or an "id", you can access each of them like:
document.form1.mySelect.options['pqr'].selected = true

(and don't forget to put the form in the body tag)

[My Blog]
All roads lead to JavaRanch

Srikanth Raghavan

Ranch Hand

Posts: 389

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Originally posted by Satou kurinosuke:
If you give your option tags a "name" or an "id", you can access each of them like:
document.form1.mySelect.options['pqr'].selected = true

Thanks Satou

One correction, to get an HTML Object using id, it's:

Thanks for the hint.
-- Srikanth

Eric Pascarello

author

Posts: 15385

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

document.formName.elementName.value = "yourValue";

Eric

He repaced his skull with glass. So you can see his brain. Kinda like this tiny ad:

Gift giving made easy with the permaculture playing cards

https://coderanch.com/t/777758/Gift-giving-easy-permaculture-playing