jQuery multiselect 如何實例化?以下例子給出了基本的用法:
<select id="multi-select">
<option value="option-1">選項1</option>
<option value="option-2">選項2</option>
<option value="option-3">選項3</option>
</select>
<script>
$(document).ready(function() {
$('#multi-select').multiselect();
});
</script>
使用上述代碼,我們可以在HTML頁面上實例化一個簡單的jQuery multiselect。
通過multiselect()方法,可以進一步定制multiselect的外觀和行為。下面是一些示例:
<script>
$(document).ready(function() {
$('#multi-select').multiselect({
maxHeight: 200,
includeSelectAllOption: true,
enableFiltering: true,
filterPlaceholder: '搜索...',
buttonClass: 'btn btn-default'
});
});
</script>
在上述示例中,我們使用了以下選項:
maxHeight
:最大高度includeSelectAllOption
:是否包含"Select All"選項enableFiltering
:是否啟用過濾filterPlaceholder
:過濾器中的占位符文本buttonClass
:multiselect按鈕的CSS類
使用這些選項之后,我們可以自定義multiselect以滿足特定的需求。
在multiselect中,還有一些其他的選項和方法,如toggle、select、deselect等等。希望這篇文章能夠幫助您開始使用jQuery multiselect。