我正在尝试复制一个简单的 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,但得到了相同的结果。 有什么想法吗?
最佳答案
您需要等到文档完全加载,尝试将 script
标记的内容修改为如下内容:
$(document).ready(function(){
$("#e1").select2();
});
关于javascript - Select2 插件(多选输入)不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38409729/