Programatically selecting multiple options from HTML select dropdown using JavaScript is not working

Asked Sep 25 '19 at 19:08

Active Sep 25 '19 at 19:08

Viewed 52 times

I am developing a Web application. In my application, I am trying to select multiple options for the select dropdown using JavaScript.

This is my HTML

<select id="my-dropdown"
        name="select_locations"
        multiple="multiple"
        class="my-select-control">
        //options are here
</select>

This is my JavaScript

let dropDown = document.getElementById('my-dropdown');
dropDown.options[0].selected = true
dropDown.options[1].selected = true

But it is not selecting the options. How can I select multiple options?

asked Sep 25 '19 at 19:08

Wai Yan Hein

13,651
35
180
372

2

Possible duplicate of [Javascript to Select Multiple options](https://stackoverflow.com/questions/1295950/javascript-to-select-multiple-options) – rlemon Sep 25 '19 at 19:10
1

also, your code works fine. https://jsfiddle.net/zmjfr5ek/ – rlemon Sep 25 '19 at 19:11
1

possibly your js executed before dom rendered – Chris Li Sep 25 '19 at 19:18
It works as expected. Must be something to do with the VueJs life cycle. – Wai Yan Hein Sep 25 '19 at 19:25

Programatically selecting multiple options from HTML select dropdown using JavaScript is not working

0 Answers0