Selecting multiple options with Javascript

Asked Oct 03 '14 at 21:31

Active Oct 03 '14 at 22:03

Viewed 95 times

I am trying to use javascript on the form's load to pre-select some options. This is what I have.

    var mar=document.getElementById('region');
    var marketarray = '@marketlistdb@'.split("|");
    for( var l = 0; l < mar.options.length; l++ )
    {
        var o = mar.options[l];
        if ( marketarray.indexOf( o.text ) != -1 )
        {
            mar.selected = true;
        }
    }

But this will not select the elements in the select tag. I saw this solution elsewhere (Javascript to Select Multiple options) I tried this solution, but it will not work for whatever reason. Does anyone see anything wrong that would cause this not to select?

We have placed alerts within the for loop and within the if statement to verify that we have true matches between the array and each individual option.

edited May 23 '17 at 11:49

Community

asked Oct 03 '14 at 21:31

1337Atreyu

P.S this is written in the $document.ready section. – 1337Atreyu Oct 03 '14 at 21:32
2

`var marketarray = '@marketlistdb@'.split("|");` - what? – tymeJV Oct 03 '14 at 21:32
It creates an array comprised of different markets resulting from a SQL query – 1337Atreyu Oct 03 '14 at 21:33
If you put `console.log(marketarray)` right after that line, what is the result? – tymeJV Oct 03 '14 at 21:34
["es-MX", "tr-TR", "de-CH"] – 1337Atreyu Oct 03 '14 at 21:40
2

I believe you want `mar.options[l].selected = true` – tymeJV Oct 03 '14 at 21:41
We have verified during the loop that we are hitting true during the comparison for each of those results. The only thing that doesn't work is the mar.selected = true; portion – 1337Atreyu Oct 03 '14 at 21:41
Try setting the actual `.selected` of the option, see my comment above. – tymeJV Oct 03 '14 at 21:42
Yeah, that was really dumb of me. in other words, it should be o.selected = true; Even so, it's not selecting for us. – 1337Atreyu Oct 03 '14 at 21:45
You have a combo-box? I.e. you have `multiple` attribute set in the `select`? – Teemu Oct 03 '14 at 21:48
We have it set as a select type = multiple – 1337Atreyu Oct 03 '14 at 21:49
Sorry, that's what I meant. multiple=multiple – 1337Atreyu Oct 03 '14 at 21:53

Selecting multiple options with Javascript

0 Answers0