Question

我正在尝试复制一个简单的select2示例来显示多选输入字段，这里是链接http://jsfiddle.net/marcusasplund/jEADR/2/。

这是我的代码（index.html）：

<!DOCTYPE html>
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script type="text/javascript">
        $("#e1").select2();
    </script>
</head>

<body>
<label>Select Locations</label>
    <select multiple id="e1" style="width:300px">
        <option value="AL">Alabama</option>
        <option value="Am">Amalapuram</option>
        <option value="An">Anakapalli</option>
        <option value="Ak">Akkayapalem</option>
        <option value="WY">Wyoming</option>
    </select>
</body>

我得到的结果是：

我在简单的文本文件中编写了代码，并将扩展名更改为.html

我已尝试过chrome和firefox，但得到了相同的结果。有什么想法吗？

Answer 1

您需要等到文档完全加载后，尝试将script标记的内容修改为以下内容：

$(document).ready(function(){
    $("#e1").select2();
});

Select2插件（多选输入）不起作用

1 个答案: