Multiselect plugin jquery not working with javascript

Question

I have been using multiselect API for the dropdown of multiple Select.

My HTML :

<select id="options" multiple="multiple"></select>

My JS :

render:function(){
    // $('#viewTemp').html(octopus.getQuestions()[0]);
    // console.log(questions);
    var htmlStr = '';
    for (var i = 0; i < tags.length; i++) {
        htmlStr += "<option value="+(i+1)+">"+tags[i]+"</option>"
    };        
    //console.log(htmlStr);
    $(".options").html(htmlStr);
}

This isn't working. however whenever I do this ...

<select id="options" multiple="multiple">
    <option value="1">JavaScript</option>
    <option value="2">CSS</option>
    <option value="3">HTML</option>
    <option value="4">C</option>
</select>

... it does work!

Everything else (adding multiselect plugin etc.), I have done same as multiselect plugin

Thanks in advance.

I spent 3 hours on this and might be getting too many negatives on this questions. Anyways, Thanks. — Ajay Gaur
– Ajay Gaur, Commented Feb 18, 2016 at 16:24

Zakaria Acharki · Accepted Answer · 2016-02-18 16:30:24Z

1

Instead of class selector in $(".options").html(htmlStr); you should use id selector $("#options").html(htmlStr);, because you don't have any class with name options but you have the id='options'.

answered Feb 18, 2016 at 16:30

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

Comments

Eduardo Escobar · Accepted Answer · 2016-02-18 16:24:48Z

0

You're missing some quotation (and semicolon at the end) in this line:

htmlStr += "<option value="+(i+1)+">"+tags[i]+"</option>"

It should be:

htmlStr += "<option value=\""+(i+1)+"\">"+tags[i]+"</option>";

answered Feb 18, 2016 at 16:24

Eduardo Escobar

3,4192 gold badges20 silver badges17 bronze badges

Collectives™ on Stack Overflow

Multiselect plugin jquery not working with javascript

My HTML :

My JS :

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

My HTML :

My JS :

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related