多选插件 jquery 不适用于 javascript

Question

我一直在使用多选 API 作为多个 Select 的下拉列表。

我的 HTML :

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

我的 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);
}

这不起作用。但是每当我这样做时...

<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>

...它确实有效！

所有其他的（添加多选插件等），我都和multiselect plugin

一样做了

提前致谢。

Answer 1

您在这一行中遗漏了一些引号（和末尾的分号）：

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

应该是：

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

Answer 2

而不是 $(".options").html(htmlStr); 中的 class 选择器你应该使用 id 选择器 $("#options").html(htmlStr);，因为你没有任何名称为 options 的 class 但是你有 id='options'.

多选插件 jquery 不适用于 javascript

Multiselect plugin jquery not working with javascript

javascript

jquery

multi-select

我的 HTML :

我的 JS :