多选插件 jquery 不适用于 javascript答案

【问题标题】：Multiselect plugin jquery not working with javascript多选插件 jquery 不适用于 javascript
【发布时间】：2016-02-18 16:19:04
【问题描述】：

我一直在使用多选 API 进行多选下拉。

我的 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做了同样的事情

提前致谢。

【问题讨论】：

你没有一个名为options的类，你有一个ID。
我在这个问题上花了 3 个小时，可能在这个问题上得到了太多的否定。无论如何，谢谢。

标签： javascript jquery multi-select

【解决方案1】：

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

【讨论】：

【解决方案2】：

您在这一行中缺少一些引号（以及末尾的分号）：

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

应该是：

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

【讨论】：