Jquery 带过滤器的组合框_Jquery_Combobox_Filter

Jquery 带过滤器的组合框

jquery combobox filter

Jquery 带过滤器的组合框,jquery,combobox,filter,Jquery,Combobox,Filter,我试图做一个组合框内的选项过滤器 <head> <link href="select2.css" rel="stylesheet"/> <script src="select2.js"></script> <script> $(document).ready(function() { $("#e1").select2(); }); </script> </head> <body> <select

我试图做一个组合框内的选项过滤器

<head>
<link href="select2.css" rel="stylesheet"/>
<script src="select2.js"></script>
<script>
$(document).ready(function() { $("#e1").select2(); });
</script>
</head>
<body>
<select id="e1">
<option value="AL">Alabama</option>
...
<option value="WY">Wyoming</option>
</select>
</body>


$（document）.ready（function（）{$（“#e1”）.select2（）；}）；
阿拉巴马州
...
怀俄明州

我指的是将此链接用作指南（），但第一个指南似乎只有带标签的下拉列表，并且搜索过滤器没有显示。我对使用它感到很困惑，因为这是我第一次使用github。

select2.js不是一个库，而是一个插件，为了让jQuery的插件发挥作用，你需要包含jQuery库

<head>
<link href="select2.css" rel="stylesheet"/>
<!--here you need to put the library, for eg: I'm including cdn version of jQuery 1.10.2-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="select2.js"></script>
<script>
$(document).ready(function() { $("#e1").select2(); });
</script>
</head>


$（document）.ready（function（）{$（“#e1”）.select2（）；}）；

在此完成示例


$（document）.ready（function（）{$（“#e1”）.select2（）；}）；
阿拉巴马州
...
怀俄明州

我正在尝试在“选项”选项卡上插入选项的搜索筛选器。但它只输出选项。

<head>
    <link href="http://ivaynberg.github.io/select2/select2-3.4.8/select2.css?ts=2014-05-01T06%3A52%3A24-07%3A00" rel="stylesheet"/>
  <link href="http://ivaynberg.github.io/select2/bootstrap/css/bootstrap.css" rel="stylesheet"/>
  <script src="http://ivaynberg.github.io/select2/js/jquery-1.7.1.min.js"></script>
    <script src="http://ivaynberg.github.io/select2/bootstrap/js/bootstrap.min.js"></script>

<script src="http://ivaynberg.github.io/select2/select2-3.4.8/select2.js?ts=2014-05-01T06%3A52%3A24-07%3A00"></script>
    <script>
        $(document).ready(function() { $("#e1").select2(); });
    </script>
</head>
<body>
    <select id="e1">
        <option value="AL">Alabama</option>
        ...
        <option value="WY">Wyoming</option>
    </select>
</body>