Javascript selectpicker：获取所选选项的数据属性

我很难在引导选择器上获得数据属性设置为select选项

我试过：

$('.selectpicker').on('changed.bs.select', function (e) {
    var selected = e.target.value;
    console.log("value :  ", selected ); // gives selected value
    console.log("data attribute:  ", $(e.target).data("price")); 
});

数据属性始终返回未定义的

---

我在这里做错了什么？

只需指定要选择的id即可

$('.selectpicker').on('changed.bs.select', function (e) {
var selected = e.target.value;
console.log("value :  "+selected ); // gives selected value
console.log("data attribute:  "+$(e.target).attr("data-price"));}); 

$("#selectidhere").on("change", function () {
  var dataname = $("option[value=" + $(this).val() + "]", this).attr('data-name');
  alert(dataname);
});

这很有效

$('.selectpicker').on("changed.bs.select", function() {
    var dataTypeAttribute = $('option:selected', this).attr("data-type");
});

---

可能是

e.target

中的一些内容与您期望的不一样，

console.log（e.target）

要确认，或者元素没有按您期望的那样分配、拼写或指定属性。请使用代码剪切功能在中发布相关DOM的实际标记。到底哪一行返回未定义？请制作一个复制错误的小提琴。这将有助于调用您在这里提供的内容，看起来您唯一的更改是“数据”到“数据价格”，因为从逗号到字符串concat的更改不会改变日志。所以我会解释为什么你的答案解决了这个问题。