BSMultiSelect通过Javascript/Jquery更改所选项目

BSMultiSelect 通常指的是一个基于Bootstrap的多选下拉菜单插件。它允许用户在一个下拉菜单中选择多个选项，非常适合于需要多选的表单场景。如果你希望通过JavaScript或jQuery来更改BSMultiSelect所选的项目，可以按照以下步骤进行操作。

基础概念

Bootstrap: 一个流行的前端框架，用于快速开发响应式和移动优先的Web应用。
jQuery: 一个快速、小巧且功能丰富的JavaScript库，简化了HTML文档遍历、事件处理、动画和Ajax交互。
BSMultiSelect: 一个基于Bootstrap的多选下拉菜单插件，扩展了Bootstrap的选择功能。

更改所选项目的方法

假设你已经有一个BSMultiSelect实例，并且想要通过JavaScript或jQuery来更改所选的项目。以下是一个基本的示例：

HTML

<select id="mySelect" multiple>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <!-- 更多选项 -->
</select>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/bsmultiselect.js"></script>

JavaScript/jQuery

$(document).ready(function() {
  // 初始化BSMultiSelect
  $('#mySelect').bsMultiSelect();

  // 更改所选项目
  function updateSelectedOptions(selectedValues) {
    // 先销毁当前的BSMultiSelect实例
    $('#mySelect').bsMultiSelect('destroy');

    // 设置新的选中值
    $('#mySelect').val(selectedValues);

    // 重新初始化BSMultiSelect
    $('#mySelect').bsMultiSelect();
  }

  // 示例：设置选中值为 '1' 和 '3'
  updateSelectedOptions(['1', '3']);
});