Question

60

How to set selected option of select element by its ID?

rated 0 times [ 63] [ 3] / answers: 1 / hits: 45851 / 10 Years ago, tue, april 22, 2014, 12:00:00

<select id=comboBox>

    <option id=1>One</option>

    <option id=2>Two</option>

    <option id=3>Three</option>

    <option id=4>Four</option>

</select>

I want to select option with ID 3. Is there any way how to do it without loop? I expect something like this

$(#comboBox).val(3);

but with ID instead of value. (So I mean to access that option as member of comboBox, not through selector like document.getElementById('3');)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

grayson

Add To Favorites

Follow

Total Points: 36

Total Questions: 113

Total Answers: 95

Location: Tonga

Member since Fri, Aug 21, 2020

4 Years ago

grayson questions

1 js error : 'createObjectURL' on 'URL': Overload resolution failed.

Sat, Mar 26, 22, 00:00, 2 Years ago

1 Play/Pause video onScroll in Reactjs

Mon, Sep 14, 20, 00:00, 4 Years ago

1 React Hook useContext is called in function age which is neither a React function component or a custom React Hook function

Mon, Feb 3, 20, 00:00, 4 Years ago

1 Adding Square Brackets to JSON-Object

Fri, Feb 22, 19, 00:00, 5 Years ago

1 React: set State or set Prop without a Rerender

Sat, Feb 9, 19, 00:00, 5 Years ago

View All

answered 10 Years ago tatianah · Accepted Answer

<script type=text/javascript>

    document.getElementById(3).selected=true;

</script>

or

<script type=text/javascript>

    document.getElementById(comboBox).options[2].selected=true;

</script>

or

<script type=text/javascript>

    document.getElementById(comboBox).selectedIndex=2;

</script>

or

<script type=text/javascript>

    document.getElementById(comboBox).options.namedItem(3).selected=true;

</script>

For the last one see https://developer.mozilla.org/en/docs/Web/API/HTMLSelectElement#namedItem() and
http://www.w3schools.com/jsref/coll_select_options.asp

You could skip the reference to options for the shorter document.getElementById(comboBox).namedItem(3).selected=true;