如何从select2框中读取/修改标签

Question

我面临一个简单的问题。我有一个 select2 框，我想阅读/更改标签。 我怎样才能做到这一点？似乎没有办法用jquery选择当前标签。

我的 select2 框如下所示：

$('#element').select2({
  tags: tagList,
  showSearchBox: false,
  minimumResultsForSearch: -1,
  width: "336px",
  maximumSelectionSize: 10
 });

由于

Answer 1

您只需更新select的原始列表：

1）你有清单：

<select class='myList'>
  <option value='a'>A</option>
  <option value='b'>B</option>
  <option value='c'>C</option>
</select>

2）你为列表初始化select2：

$('.myList').select2();

3）用户选择B选项，因此您将其从其他列表中删除：

// take all 'select' elements that is not current one.
//'this' shows to <select> tag. Try looking for some values from select2, to better access real element.
$('.myList').not(this).find('option[value="' + $('option:selected', this).val() + '"]').remove();

4）并为所有列表更新select2：

$('.myList').select2();