jQuery.chosen.js是一個方便的jQuery插件,用于美化Select標(biāo)簽和進行搜索功能。本文將介紹jQuery.chosen.js如何使用。
//引入jQuery和jquery.chosen.js文件 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script> //HTML Select標(biāo)簽 <select id="my-select"> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> </select> //JavaScript代碼 $(document).ready(function(){ $("#my-select").chosen(); });
以上代碼會將id為my-select的Select標(biāo)簽進行美化,并添加搜索功能。你可以使用chosen.css文件來控制樣式。
此外,你還可以設(shè)置選項的屬性,例如disabled、selected、value等。代碼如下:
$("#my-select").append($("<option disabled selected value='0'></option>")) .append($("<option value='1'>選項1</option>")) .append($("<option value='2'>選項2</option>")) .append($("<option value='3'>選項3</option>"));
最后,記得在使用jQuery.chosen.js時要根據(jù)實際情況調(diào)整樣式和選項。
下一篇vue怎樣多加字