bootstrap Autocomplete

时间:2023-03-08 22:16:29

首先应用文件(已上传到文件,需要可自行下载)

<link href="~/bower_components/select2/dist/css/select2.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/bower_components/select2/dist/js/select2.full.min.js"></script>
 <div class="form-group">
<select class="form-control select2">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>

切记还要初始化下下才能用哦:

<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
});
</script>

最后请看大屏幕:

bootstrap Autocomplete