Подтвердить что ты не робот

Получить значение SELECT и текст в jQuery

Возможный дубликат:
Получение значения выбранного тега опции в окне выбора

В окне SELECT, как мне получить значение и текст выбранного элемента в jQuery?

Например,

<option value="value">text</option>
4b9b3361

Ответ 1

<select id="ddlViewBy">
    <option value="value">text</option>
</select>

JQuery

var txt = $("#ddlViewBy option:selected").text();
var val = $("#ddlViewBy option:selected").val();

JS Fiddle DEMO

Ответ 2

$("#yourdropdownid option:selected").text(); // selected option text
$("#yourdropdownid").val(); // selected option value

Ответ 3

$('select').val()  // Get the value

$('select option:selected').val() ; // Get the value

$('select').find('option:selected').val() ; // Get the value

$('select option:selected').text()  // Gets you the text of the selected option

Проверить FIDDLE

Ответ 4

Вы можете сделать это, чтобы получить текущее выбранное значение:

$('#myDropdownID').val();

& для получения выбранного текста:

$('#myDropdownID:selected').text();

Ответ 5

на основе вашего только тега jQuery:)

HTML

<select id="my-select">
<option value="1">This is text 1</option>
<option value="2">This is text 2</option>
<option value="3">This is text 3</option>
</select>

Для текста -

$(document).ready(function() {
    $("#my-select").change(function() {
        alert($('#my-select option:selected').html());
    });
});

Для значения -

$(document).ready(function() {
    $("#my-select").change(function() {
        alert($(this).val());
    });
});