选择2支持通过搜索框进行快速选项筛选

Select2 support for quick option filtering via a search box

本文关键字：选项 筛选 支持 搜索 选择      更新时间：2023-09-26

这是我的代码，但我无法获得所需的select2支持通过搜索框进行快速选项筛选。

<link href="jsps/css/select2.css" rel="stylesheet" type="text/css"/>
<link href="jsps/css/select2-bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="jsps/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<script src="jsps/js/select2.js" type="text/javascript"></script>
<script src="jsps/js/select2.min.js" type="text/javascript"></script>
<script src="jsps/js/bootstrap.js" type="text/javascript"></script>
$(document).ready(function(){ 
    alert( 'You are running jQuery version: ' + $.fn.jquery );
    alert("ready");
    $("#e1").select2();
});
<select id="e1" >
    <option value="0">select</option>
    <option value="AL">Alabama</option>
    <option value="GL">Germany</option>
    <option value="PL">Poland</option>
    <option value="WY">Wyoming</option>
</select>

plz帮助并让我知道我在哪里犯了错误

将jQuery代码放入<scirpt>标签

<link href="jsps/css/select2.css" rel="stylesheet" type="text/css"/>
<link href="jsps/css/select2-bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="jsps/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<script src="jsps/js/select2.js" type="text/javascript"></script>
<script src="jsps/js/select2.min.js" type="text/javascript"></script>
<script src="jsps/js/bootstrap.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){ 
        alert( 'You are running jQuery version: ' + $.fn.jquery );
        alert("ready");
        $("#e1").select2();
    });
</script>
<select id="e1" >
    <option value="0">select</option>
    <option value="AL">Alabama</option>
    <option value="GL">Germany</option>
    <option value="PL">Poland</option>
    <option value="WY">Wyoming</option>
</select>

此处工作正常

相关文章：