Select2 jquery - 如何获取选择框中的文本

Question

我输入的文字如下

<input type="hidden" name="xa" id="xa" data-placeholder=".." style ="width: 360px;"/>

我使用 select2

$("#xa").select2({...});

现在，我想在按“获取文本”时获取文本

$("#gettext").click(function () {
    alert($('#xa').val());  // or $('#xa').select2("val");
});

但是它获取了文本的id。这不是文字。我该怎么做。谢谢

Answer 1

您可以通过以下方式获取当前所选项目的文本值：

$('#id').select2('data').text

Answer 2

Select2

出于内部目的创建一个

data-

属性，它存储一些必要的信息，例如

id

实例的

selected value

、

select2

。这可以用来提取

selected value

。

Select2 Community：实例化为

select2

组件的每个元素都必须包含 id 和 text 键。

var id = $(test).select2('data').id;

var selectedVal = $(test).select2('data').text;

更新：使用最新版本的 Select2 ，对象存储在数组中，因此必须按如下方式访问文本（

jsfiddle link updated as well

）。

$(test).select2('data')[0].text

//而不是$(test).select2('data').text

感谢更新@DiMono

现场演示@JSFiddle

快乐编码:)

Answer 3

同样简单的方法，对我有用

.select2-selection__choice {
  &:not(:nth-last-child(-n + 2)):after {
    content: ',';
  }
}