Как получить текст выбранного значения выпадающего списка?

Возможный дубликат:
jQuery получить конкретный текст тега опции
Как получить текст выбранной опции для выбора с помощью jquery?

У меня есть раскрывающийся список, и я хочу знать текст выбранного элемента. Например:

<select>
    <option value="1">Volvo</option>
    <option value="2">Saab</option>
    <option value="3">Mercedes</option>
</select>

Если я знаю выбранное значение, как я могу получить его текстовое значение? Например, если значение 1, как я могу получить Volvo?

Помогите оценить.

Ответы

Ответ 1

Вы можете использовать option:selected, чтобы получить выбранную опцию элемента select, затем метод text():

$("select option:selected").text();

Вот пример:

console.log($("select option:selected").text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select>
    <option value="1">Volvo</option>
    <option value="2" selected="selected">Saab</option>
    <option value="3">Mercedes</option>
</select>

Ответ 2

$("#select_id").find("option:selected").text();

Это полезно, если ваш элемент управления находится на стороне сервера. В .NET это выглядит так:

$('#<%= dropdownID.ClientID %>').find("option:selected").text();

Ответ 3

Самый простой способ - css3 $("select option:selected"), а затем использовать функцию .text() или .html(). в зависимости от того, что вы хотите иметь.

Ответ 4

Привет, если у вас есть dropdownlist, подобный этому

<select id="testID">
<option value="1">Value1</option>
<option value="2">Value2</option>
<option value="3">Value3</option>
<option value="4">Value4</option>
<option value="5">Value5</option>
<option value="6">Value6</option>
</select>
<input type="button" value="Get dropdown selected Value" onclick="getHTML();">

после ввода id в список выпадающего списка вам просто нужно добавить jquery-код, подобный этому

function getHTML()
{
      var display=$('#testID option:selected').html();
      alert(display);
}