Selecting values from a multiple select picklist with Javascript

Question

How would I set values of a picklist with Javascript? Like for example, a page loads, and I want several values of a picklist to be selected (I will generate these with PHP from the database and echo the actual Javascript). I don't need the actual page load part, just how to select a value out of a picklist (with multiple select)

Why don't you mark them as selected right within PHP, when you create the page? — Tomalak
– Tomalak, Commented Nov 28, 2011 at 17:18
@JakeSmith You add a selected attribute to every <option> that should be selected. No JavaScript needed at all. — Tomalak
– Tomalak, Commented Nov 28, 2011 at 17:27

Hossein · Accepted Answer · 2011-11-28 18:26:44Z

4

A select contains an options collection. Each element therein has a selected property. To select certain items in your select, just use a simple loop and set selected to true for the desired options:

<select id="multiPickList" multiple="multiple">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
</select>
<script type="text/javascript">
    var pl = document.getElementById("multiPickList");
    for (i = 0; i < pl.options.length; i++) {
       if (i % 2 == 0) {
          pl.options[i].selected = true;
       }
    }
</script>

edited Nov 28, 2011 at 18:26

Hossein

4,1652 gold badges26 silver badges46 bronze badges

answered Nov 28, 2011 at 17:22

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

Collectives™ on Stack Overflow

Selecting values from a multiple select picklist with Javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related