jquery-multiselect+jquery动态生成下拉框

下面是使用 jQuery 插件 jquery-multiselect 和 jQuery 动态生成下拉框的示例代码：

HTML 代码：

<div id="selectBoxContainer"></div>

JavaScript 代码：

$(document).ready(function() {
  // 动态生成下拉框
  var selectBox = $('<select id="selectBox" multiple></select>');
  selectBox.append($('<option value="option1">选项1</option>'));
  selectBox.append($('<option value="option2">选项2</option>'));
  selectBox.append($('<option value="option3">选项3</option>'));
  selectBox.append($('<option value="option4">选项4</option>'));
  selectBox.append($('<option value="option5">选项5</option>'));
  $('#selectBoxContainer').append(selectBox);
  
  // 初始化下拉框
  $('#selectBox').multiselect();
});

在上面的示例代码中，我们首先在 HTML 中定义了一个 ID 为 "selectBoxContainer" 的容器，用于放置动态生成的下拉框。

然后，在 JavaScript 中，我们使用 jQuery 的 ready() 方法来确保文档加载完成后再执行代码。在 ready() 方法中，我们使用 jQuery 动态生成了一个 ID 为 "selectBox" 的下拉框，并设置了 multiple 属性，表示该下拉框可以多选。接着，我们为下拉框添加了五个选项。

最后，我们将动态生成的下拉框添加到容器中，并使用 multiselect() 方法初始化下拉框，从而实现了动态生成下拉框并使用 jquery-multiselect 插件实现下拉框多选的功能。

这样做的好处是可以根据实际需求动态生成下拉框，并且可以使用 jquery-multiselect 插件方便地实现下拉框多选的功能。