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

Question

Можно создать дубликат:
jQuery get specific option tag text
How to get the text of the selected option of a select using jquery?

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

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

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

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

Answer 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>

Answer 2

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

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

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

Answer 3

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

Answer 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();"> 

после предоставления идентификатора DROPDOWNLIST вам просто нужно добавить код JQuery как этот

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