Получение значение при выборе элемента

261

20 декабря 2017, 21:04

Здравствуйте! На сайте есть выпадающий список:

<ul class="dropdown-menu">
                    <li>Один</li>
                    <li>Два</li>
                    <li>Три</li>
</ul>

Как с помощью jquery получить значение (например data-...), при выборе какого-либо li (т.е. при действии change)?

Answer 1

Самое простое, при Click получаете данные:

$('.dropdown-menu li').on('click',function(){ 
var attr = $(this).attr('data-info'); 
var text = $(this).text(); 
 
console.log(attr+'  '+text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script> 
<ul class="dropdown-menu"> 
                    <li data-info="1">Один</li> 
                    <li data-info="2">Два</li> 
                    <li data-info="3">Три</li> 
</ul>