js中select2多选怎么赋值，我用循环赋值但页面中只显示最后一项值

如果您使用循环赋值，页面中只显示最后一项值，可能是因为您每次赋值都覆盖了前面的值。为了在select2中实现多选并正确地赋值，您可以使用以下方法：

1. 在select2的初始化中设置multiple选项，以允许多选：

$('select').select2({
  multiple: true
});

2. 在循环中，每次将选项值添加到一个数组中，然后将该数组作为select2的值进行赋值：

var selectedValues = [];
for(var i = 0; i < options.length; i++) {
  // 假设options数组中包含了您要选择的选项的值
  selectedValues.push(options[i].value);
}
$('select').val(selectedValues).trigger('change');

这样做的效果是，将所有选项的值存储在一个数组中，并将该数组作为select2的值进行赋值。这样，即使您多次添加值到数组中，也不会覆盖前面的值，而是将所有值都存储在数组中，并将数组作为select2的值进行赋值。

相关问题

jquery select 多选 默认显示莫一项option,但此项option不可被选择

对于多选的 select 元素，同样可以通过设置 disabled 属性实现默认显示但不可选的效果。示例代码如下：

<select multiple>
  <option disabled selected>请选择</option>
  <option>选项一</option>
  <option>选项二</option>
</select>

其中，第一个 option 设置了 disabled 和 selected 属性，表示该选项默认被选中但不可被选择，后面的选项可以被选择。在多选的情况下，用户可以同时选择多个选项。如果需要限制用户只能选择一个选项，可以使用单选的 select 元素。

.el-select 多选只显示一行

你可以使用 `el-select` 的 `collapse-tags` 属性来实现多选只显示一行。将该属性设置为 `true`，当选中的选项超过一行时，会自动折叠显示为一个 tag。这样可以限制多选的显示高度，保持只显示一行。

示例代码如下：

<el-select multiple collapse-tags v-model="selectedOptions">
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>

在上面的示例中，`selectedOptions` 是绑定的选中值数组，`options` 是可选项数组。当选中的选项超过一行时，会以 tag 的形式折叠显示。

你可以根据自己的需求调整 `el-select` 的样式和其他属性来满足你的要求。