Select option from a <select> using JavaScript [duplicate]

Question

I want to select an option from an HTML <select> object using JavaScript. The select has 6 options and I know I can get the select object using:

document.getElementByID('id');

I don't know if that's common, but the options have a property named value, so how can I select an option by value or text?

Be aware case is important getElementById !

Jamiec
– Jamiec

2021-06-15 15:05:11 +00:00
Commented Jun 15, 2021 at 15:05 — Jamiec
– Jamiec, Commented Jun 15, 2021 at 15:05

tymeJV · Accepted Answer · 2021-06-15 15:00:18Z

1

You can get the options, loop and check the value

let select = document.getElementById("id");
for (let i = 0; i < select.options.length; i++) {
    if (select.options[i].value == "two") {
        select.selectedIndex = i;
        break;
    }
}

Demo: https://jsfiddle.net/ghyx623m/

answered Jun 15, 2021 at 15:00

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

isherwood Over a year ago

You should know that this is a duplicate.

Collectives™ on Stack Overflow

Select option from a <select> using JavaScript [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related