Bootstrap 选择拾取器:获取所选选项的数据属性

3yhwsihp  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(4)|浏览(193)

我很难在 Bootstrap 选择器上将数据属性设置为选择选项。
我试探着:

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

数据属性始终返回undefined
我在这里做错了什么

fzsnzjdm

fzsnzjdm1#

这很管用。

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

lyr7nygr2#

只需指定要选择的ID

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

Fiddle Link

jdzmm42g

jdzmm42g3#

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

u5rb5r594#

$(".selectpicker").on("changed.bs.select", 
    function(e, clickedIndex, isSelected, oldValue) {
        var arrayOfSelected = $('.selectpicker').eq(0).val();
        console.log(arrayOfSelected);
 });

它看起来很奇怪,但它的工作完美,所以我不在乎。

相关问题