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。