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

时间:2014-10-31 17:47:12

标签: 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>";
}

6 个答案:

答案 0 :(得分:31)

你可以用这个

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

答案 1 :(得分:14)

试试这个:

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

返回选定的选项数据

答案 2 :(得分:5)

这项工作对我来说:

在简单的 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]);    
  }
});

抓住你的标签名称属性。

祝你好运!

答案 3 :(得分:2)

看起来@Kishan和@ xploshioOn的答案在v4.0 +上不起作用。

试试这个:/etc/spark/conf.cloudera.spark_on_yarn/spark-defaults.conf

答案 4 :(得分:2)

您可以使用此脚本

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

答案 5 :(得分:0)

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