select2的显示问题

新手上路,请多包涵

下拉选择框变成这样了

clipboard.png

代码:
<!DOCTYPE html>
<html>
<head>

{% load staticfiles %}
<script src="{% static "js/jquery-3.1.1.js" %}" type="text/javascript" charset="utf-8"></script>
<link href="../static/css/select2.css" rel="stylesheet"/>
<script src="../static/js/select2.js"></script>
<script>
    $(document).ready(function() {
        $("#e1").select2({
            placeholder: "Select a State",
            allowClear: true
        });
    });
</script>

</head>
<body>

<select id="e1" style="width: 350px">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

</body>

</html>
应该怎么改?

阅读 4.1k
推荐问题