jQuery Multiple Select是一個jQuery插件,提供了一種多選選項的解決方案。它使用簡單并且可以完全自定義樣式,適用于各種不同的場景。
使用jQuery Multiple Select非常簡單,只需要在HTML文件中引入它的CSS和JS文件,然后在需要多選的元素上調用它的multipleSelect()方法即可:
<link rel="stylesheet" href="jquery.multipleselect.css"> <script src="jquery.multipleselect.js"></script> <select multiple> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> </select> <script> $('select').multipleSelect(); </script>
這將會在頁面上顯示一個包含多個選項的下拉列表,并且可以同時選擇多個選項。而且,可以通過設置一些參數來自定義它的樣式和行為:
$('select').multipleSelect({ selectableHeader: "<input type='text' class='search-input' autocomplete='off' placeholder='可選項'>", selectionHeader: "<input type='text' class='search-input' autocomplete='off' placeholder='已選項'>", minHeight: 200 });
在這個例子中,我們自定義了選擇和未選擇列表的頭部,并且設置了最小高度為200像素。這只是jQuery Multiple Select提供的一小部分定制功能,您可以訪問官方文檔了解更多內容。
總之,jQuery Multiple Select是一個非常有用的jQuery插件,可以為復雜的表單提供簡單而有效的多選功能,同時定制化能力也很強。