Как получить значение data атрибута?

169

13 марта 2019, 14:10

При собитии change селекта, я в переменную location получаю value той option, которая выбрана. Но как получить значение data атрибута выбранной опции? Например, как мне получить значение атрибута data-lat ?

<select class="select">
    <option class="" value="Лондон" data-lat="50.451000" data-lng="30.523689">Лондон</option>
    <option class="" value="Вашингтон" data-lat="75.851000" data-lng="12.45500">Вашингтон</option>
    <option class="" value="Нью-Йорк" data-lat="85.451080" data-lng="75.458500">Нью-Йорк</option>
</select>
$('.select').on('change', function () {
    var location = $(this).val();
});

Answer 1

var attr = $(this).getAttribute('data-lat')

Answer 2

вот так получилось вывести:

$('.select').change(function() {
    var selectedOption = this.options[this.selectedIndex];
    console.log(selectedOption.getAttribute("data-lat"));
});

Answer 3

А в JQ нужно всего лишь $('.elem').data('lat');.. ¯\_(ツ)_/¯

Так я jQuery и использовал, и такой способ тоже пробовал, он возвращает undefined

Хм.. Есть такое..

А как такой вариант?

$('.select').bind('change',function(){ 
  var valThis = $(this).val().split(','), 
      lat = valThis[0], 
      lng = valThis[1]; 
       
  $('.lat').text('lat: '+lat); 
  $('.lng').text('lng: '+lng); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<select class="select"> 
    <option class="" value="50.451000,30.523689">Лондон</option> 
    <option class="" value="75.851000,12.45500">Вашингтон</option> 
    <option class="" value="85.451080,75.458500">Нью-Йорк</option> 
</select> 
 
<div> 
  <span class="lat">lat: </span> 
  <br> 
  <span class="lng">lng: </span> 
</div>

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Поиск элемента строки в ключах массива

Имеется строки такого вида

151

javascript

jQuery не находит элементы после их добавление через append()

Есть такой код

151

javascript

Json строки в ресурсах String

Хочу ввести в приложение локализацию (новые языки: Анг, Рус, Латинь), но у меня RecycleViewAdapter берет строки с файла json как прописать в скрипте не саму...

182

javascript

Получение данных json через ajax

Есть json файл:

165