2014-05-02 239 views
0

我试着做一个组合框组合框与过滤

<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> 

IM指使用这个链接作为指导(http://ivaynberg.github.io/select2/)的选项里面的过滤器,但它似乎在第一导向不仅具有下拉菜单与标签和搜索过滤器不显示。我很困惑,因为我第一次使用github。

+0

这是什么问题? –

+0

我正试图在选项选项卡上插入选项的搜索过滤器。但它只输出选项。 –

回答

0

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> 
+2

感谢您指出。 –

0

完全这里例如,

Demo

<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> 
+0

谢谢你解决这个问题。 –