Select2 获取选中的选项数据答案

【问题标题】：Select2 Get selected option dataSelect2 获取选中的选项数据
【发布时间】：2014-12-28 02:56:42
【问题描述】：

$("#e2").select2("val") 返回值，但我不想从数据名称或选项标签显示中获取 .$listtypes['name'] . 以太。

我想获取所选选项的选项数据名称，我该如何完成？

这是我的选项生成器

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

【问题讨论】：

标签： jquery jquery-select2

【解决方案1】：

你可以用这个

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

【讨论】：

【解决方案2】：

试试这个：

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

返回选择的选项数据

【讨论】：

可能值得注意的是，这会返回一个 javascript 数组。文档链接：select2.org/programmatic-control/…

【解决方案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]);    
  }
});

并抓住标签的名称属性。

祝你好运！

【讨论】：

我不会将其称为“标签值”，因为这意味着（对我而言）$('#myVar').val()，但您的回答非常有用，因为从$('#myVar').select2('data')[0] 可以获取属性id，@ 987654326@、title 和底层 option 元素通过属性 element。

【解决方案4】：

看起来@Kishan 和@xploshioOn 的答案不适用于v4.0+。

试试这个：$("#e2").text().trim()

【讨论】：

【解决方案5】：

你可以使用这个脚本

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

【讨论】：

【解决方案6】：

在您的选择器上使用 attr 方法 .attr("data-name")。

【讨论】：