Select2 选择值不变

Select2 是一个非常流行的下拉选择框库，它具有丰富的功能和易用性。然而，在某些情况下，你可能希望用户无法更改选择框中的值，即选择值不变。以下是为实现这一目标所需的步骤：

1. 添加 disabled 属性到选择框中，以阻止用户选择其他选项。
2. 在 Select2 的 data 选项中，使用 locked:true 来锁定选择框中的当前选项。

下面是代码片段：

<select id="mySelect2" disabled>
  <option value="1" selected>选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

$('#mySelect2').select2({
  data: [
    { id: '1', text: '选项1', locked: true },
    { id: '2', text: '选项2', locked: false },
    { id: '3', text: '选项3', locked: false }
  ],
  placeholder: '请选择一个选项'
});

通过上述代码，选择框中默认选项为 选项1，并且用户不能更改其选项。注意，在 data 选项中，我们将 locked 设置为 true 来锁定选择框中的当前选项。

这是一个简单而有效的方法来实现 Select2 的选择值不变功能。通过阻止用户更改选择框中的选项，可以保证数据的准确性和一致性。