Selecting the text item in a dropdown list

[dpdoug]

How do I programmatically select a text item (not the value) of a html dropdown list?

I know this works for the value:

document.Combo1.value = "Breaker"

but I have a dropdown list that looks like this:

<option value="Breaker">100-2100</option>
<option value="Compressor">100-2155</option>
<option value="Drill">100-2240</option>
<option value="Drill">100-2242</option>

and I want to select the code (100-2100) in the list instead of the value ("Breaker").

Thanks.

 

[tsuji]

Hello dpdoug,

Suppose their parent & ancestor are like this.
[tt]
<form name="requisition">
<select name="partnumber">
<option value="Breaker">100-2100</option>
<option value="Compressor">100-2155</option>
<option value="Drill">100-2240</option>
<option value="Drill">100-2242</option>
</select>
</form>
[/tt]
Then, option 100-2100 can be chosen by setting the selected property to true. (Similarly for other indices.)
[tt]
document.forms("requisition").partnumber.options(0).selected=true
[/tt]
regards - tsuji

 

[dpdoug]

But suppose that I want to select the option 100-2242, but I don't know that it's index is 3. How do I select it by the text?

Like so?:

document.forms("requisition").partnumber.options("100-2242").selected=true

by the way, thanks for taking the time to answer this.

 

[tsuji]

dpdoug,

In that case, maybe just assigning an id to the options.
[tt]
<option id="100-2100" value="Breaker">100-2100</option>
<option id="100-2155" value="Compressor">100-2155</option>
<option id="100-2240" value="Drill">100-2240</option>
<option id="100-2242" value="Drill">100-2242</option>
[/tt]
Then, use getElementById to view as those tags in flat structure:
[tt]
document.getElementById("100-2242").selected=true
[/tt]
Mind conflict in id in designing it.

- tsuji