,可以通过设置selected属性来实现。具体步骤如下:
- 在HTML中引入bootstrap和jquery库:<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- 创建一个多选下拉框,并设置默认选定值:<select id="mySelect" multiple>
<option value="option1">选项1</option>
<option value="option2" selected>选项2</option>
<option value="option3" selected>选项3</option>
<option value="option4">选项4</option>
</select>
- 使用JavaScript代码初始化multiselect,并设置保留默认选定值:$(document).ready(function() {
$('#mySelect').multiselect({
includeSelectAllOption: true,
selectedClass: 'selected',
includeSelectAllOption: true,
selectAllText: '全选',
nonSelectedText: '请选择',
buttonWidth: '200px',
onChange: function(option, checked) {
// 处理选项改变事件
}
});
});
在上述代码中,通过设置selected属性为true来保留默认选定值。你可以根据实际需求修改multiselect的配置选项,如是否显示全选选项、按钮宽度、选项改变事件等。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),腾讯云对象存储(COS)。
腾讯云云服务器(CVM):是腾讯云提供的弹性计算服务,可快速创建、部署和扩展云服务器实例,提供高性能、可靠稳定的计算能力,适用于各种应用场景。
腾讯云对象存储(COS):是腾讯云提供的海量、安全、低成本的云端存储服务,支持存储和处理任意类型的文件和数据,适用于图片、音视频、文档等多种应用场景。
更多关于腾讯云云服务器(CVM)的信息,请访问:腾讯云云服务器(CVM)产品介绍
更多关于腾讯云对象存储(COS)的信息,请访问:腾讯云对象存储(COS)产品介绍