javascript - 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を取得します。テキストではありません。どうすればできますか。ありがとう

score 12 · Accepted Answer

現在選択されている項目のテキスト値は、次の方法で取得できます。

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

score 4 · Accepted Answer

Select2data-内部目的の属性を作成します。インスタンスのようidな必要な情報を格納selected valueします。select2これは抽出に使用できselected valueます。

Select2 Community :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

ハッピーコーディング:)

2 に答える 2