Я пытаюсь сделать поле со списком с фильтром внутри опции
<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.
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>
Полный пример здесь,
<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>