Как прочитать выбранный select с jQuery?

· jQuery и Снипеты · 1 мин чтения

В этом статье я вам покажу способ того как выбрать нужный вам select с помощью jQuery.

Демо

HTML

Выберите значение:
<select id="select_">
<option selected="selected">Выбрать</option>
<option>Один</option>
<option>Два</option>
<option>Три</option>
</select>


<div id="result"></div>

А теперь jQuery, который собственно и выполняет всю магию с <select></select>.

jQuery

$(function() {
    var $select = $('#select_'); // Обозначаем наш select элемент
    $select.on('change', function() { // При нажатии выполняем нужный процесс (см. ниже)
        if($select.val() != 'Выбрать') // Чтобы стандартное значение не выводило
            $('#result').html('Сейчас выбрано ' + $select.val() );
    });
});

 

На этом все. Если у вас есть какие-либо вопросы — вы можете написать их ниже к этой записи.