Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


Select selected text (jQuery)

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

Например

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!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>

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

Опубликовано: 14 января 2012  ·  Автор: Артём Фёдоров  ·  4386 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQuerySelect selected text (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

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

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания