2

При собитии 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();
});
1

3 ответа 3

5

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

6
4

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

$('.select').change(function() {
    var selectedOption = this.options[this.selectedIndex];
    console.log(selectedOption.getAttribute("data-lat"));
});
1
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>

3
  • 1
    Так я jQuery и использовал, и такой способ тоже пробовал, он возвращает undefined 27 окт 2018 в 16:47
  • 1
    @SergeyKonovalenko, обновил
    – De.Minov
    27 окт 2018 в 16:55
  • 1
    можно и такой способ использовать 27 окт 2018 в 17:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.