选择2获取选定的选项数据

Kav*_*son 23 jquery jquery-select2

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

我想获取所选选项的选项数据名称,我该如何实现?

这是我的选择生成器

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

xpl*_*oOn 35

你可以用它

$("#e2 option:selected").text();
Run Code Online (Sandbox Code Playgroud)


Sas*_*nik 20

试试这个:

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

返回选定的选项数据


小智 6

这项工作对我来说:

在简单的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]);    
  }
});
Run Code Online (Sandbox Code Playgroud)

并抓住你的标签名称属性.

祝好运!


小智 6

你可以使用这个脚本

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