Select selected text (jQuery)

Чтобы при помощи jQuery быстро выбрать текст текущего элемента выпадающего списка нужно воспользоваться функцией .find(':selected').

Например

Есть выпадающее меню с несколькими значениями и кнопка при нажатии на которую нужно выдать сообщение с текстовым значением выбранного элемента.

Пример онлайн.

<!DOCTYPE HTML><html><head> <script type="text/javascript" src="/js/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#btn').click(function(){ alert($('#values').find(':selected').text()); }); }); </script> </head><body> <select id="values" name="test"> <option value="1">Первое значение</option> <option value="2">Второе значение</option> <option value="3">Третье значение</option> <option value="4" selected>Четвертое значение</option> <option value="5">Пятое значение</option> <option value="6">Шестое значение</option> <option value="7">Седьмое значение</option> </select> <input type="button" id="btn" value="Что выбрано?"> </body></html>

В данном случае, не выбирая другого значения, будет выдано сообщение «Четвертое значение».

Категории

ПрограммированиеJavaScriptБиблиотекиjQuery

Комментарии