selectpicker: получить атрибут данных выбранного параметра

Question

Я испытываю трудности с получением атрибута данных для выбора опции при выборе начальной загрузки.

Я старался:

$('.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() {
    var dataTypeAttribute = $('option:selected', this).attr("data-type");
});

Answer 2

Просто укажите id для выбора

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

Скрипка Ссылка

Answer 3

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

Это выглядит странно, но работает отлично, так что мне все равно.

Answer 4

$('.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 5

Вот еще один элегантный способ получить значение данных:

$('.selectpicker').on("changed.bs.select", function() {
    var price = $(this).find('option:selected').data('url');
});