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");
});

但是它得到了文字的内容。这不是文字。我该怎么做。感谢

Answer 1

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

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

Answer 2

Select2为内部目的创建data-属性，是否存储了id selected value select2个实例的selected value，select2等必要信息。这可用于提取jsfiddle link updated as well。

  

Select2 Community：实例化为$(test).select2('data')[0].text组件的每个元素都必须包含id和文本键。

var id = $（test）.select2（'data'）。id ;

var seletedVal = $（test）.select2（'data'）。text ;

更新：使用最新版本的Select2，对象存储在一个数组中，因此必须按以下方式访问文本（{{1}}）。

{{1}} //而不是$（test）.select2（'data'）。text

感谢更新@DiMono

Live Demo @ JSFiddle

快乐编码：）