Select2 獲取選擇的選項數據

Question

$("#e2").select2("val")返回值，但我.$listtypes['name'] .得到.$listtypes['name'] . 來自數據名稱或選項標簽顯示的以太。

我想獲取所選選項的選項數據名稱，我該如何完成？

這是我的選項生成器

foreach($core->list_types() as $listtypes){
echo "
<option 
  data-name='".$listtypes['name'] ."' 
  value='".$listtypes['id']."'>
  ".$listtypes['name'] ."
</option>";
}

Answer 1

你可以用這個

$("#e2 option:selected").text();

Answer 2

嘗試這個：

$('#e2').select2('data')

返回選擇的選項數據

Answer 3

這對我有用：

在簡單的select2上獲取標簽值：

$('#myVar').select2('data')[0].<name_label_from_data_input>

從select2變量中進行數據轉儲可能會有所幫助：

$('#myVar').on('change', function (evt) {
  if ($('#myVar').select2('val') != null){
    console.log($('#myVar').select2('data')[0]);    
  }
});

並捕獲您的標簽名稱屬性。

祝你好運！

Answer 4

看起來@Kishan 和@xploshioOn 的答案不適用於 v4.0+。

試試這個： $("#e2").text().trim()

Answer 5

你可以使用這個腳本

$('#editable-select').on('select2:select', function (e) {
            var data = e.params.data;
            console.log(data);
    alert(data['text']);
});

Answer 6

在選擇器上使用 attr 方法.attr("data-name") 。