在Web開發中,Select下拉框是常用的輸入組件。由於原生的Select幾乎很難通過CSS樣式控制。一些好看的Select下拉框就只能通過模擬來實現。PHP程序員雷雪松給大家推薦一筐款不錯的Select下拉框插件:Select2。Select2可以支持搜索、標簽、遠程數據、無限滾動、和許多其他非常優秀的選項,Select2還可以非常方便的自定義樣式,基本可以實現所有的Select效果。下面PHP程序員雷雪松就詳細的講解一下Select2.js的用法。
1、引入select2.js和select2.css
<link href="./select2.min.css" rel="stylesheet" />
<script src="./jquery.min.js"></script>
<script src="./select2.min.js"></script>
2、Select2基礎用法
<select class="js-select2" name="job">
<option value="phper">PHP程序員</option>
<option value="web">web前端</option>
</select>
$(document).ready(function() {
$('.js-select2').select2();
});
Select2官方網站:https://select2.org