Select2 jquery - 如何在selectbox中獲取文本

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 ， select2實例的selected value 。 這可以用來提取selected value 。

Select2社區 ：實例化為select2組件的每個元素都必須包含id和text鍵。

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

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

更新：使用最新版本的Select2，對象存儲在一個數組中，因此必須按如下方式訪問文本（ jsfiddle link updated as well ）。

$(test).select2('data')[0].text //而不是$（test）.select2（'data'）。text

感謝@DiMono的更新

現場演示@ JSFiddle

快樂編碼:)