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

Web開發(fā)中,Select下拉框是常用的輸入組件。由于原生的Select幾乎很難通過CSS樣式控制。一些好看的Select下拉框就只能通過模擬來實現(xiàn)。PHP程序員雷雪松給大家推薦一筐款不錯的Select下拉框插件:Select2。Select2可以支持搜索、標簽、遠程數(shù)據(jù)、無限滾動、和許多其他非常優(yōu)秀的選項,Select2還可以非常方便的自定義樣式,基本可以實現(xiàn)所有的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基礎(chǔ)用法

<select class="js-select2" name="job">

<option value="phper">PHP程序員</option>

<option value="web">web前端</option>

</select>

$(document).ready(function() {

$('.js-select2').select2();

});

Select2官方網(wǎng)站:https://select2.org

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容