Question

我很难将数据属性设置为在bootstrap selectpicker上选择选项。

我试过了：

$('.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")); 
});

数据属性始终返回未定义

我在这里做错了什么？

Answer 1

$('.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"));});

Answer 2

只需指定要选择的ID

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

Fiddle Link

Answer 3

这有效。

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

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

3 个答案: