非常實用的select下拉框-Select2.js


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

來源:非常實用的select下拉框-Select2.js


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM