Làm cách nào để nhận được văn bản của giá trị đã chọn của danh sách thả xuống?

Question

thể trùng lặp:
jQuery get specific option tag text
How to get the text of the selected option of a select using jquery?

tôi có một danh sách thả xuống và tôi muốn biết nội dung của mục đã chọn. Ví dụ:

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

Nếu tôi biết giá trị đã chọn, làm cách nào để có được giá trị văn bản? Ví dụ: nếu giá trị là 1 làm cách nào tôi có thể nhận được Volvo?

Giúp đánh giá cao.

Answer 1

Bạn có thể sử dụng option:selected để có được những lựa chọn lựa chọn của phần tử select thì text() phương pháp:

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

Dưới đây là một ví dụ:

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

Sẽ hữu ích nếu điều khiển của bạn ở phía Máy chủ. Trong NET nó trông giống như:

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

Answer 3

Cách đơn giản nhất là thông qua css3 $("select option:selected") và sau đó sử dụng .text() hoặc .html() chức năng. tùy thuộc vào những gì bạn muốn có.

Answer 4

Hi nếu bạn đang gặp DropDownList như thế này

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

sau khi id để DropDownList bạn chỉ cần thêm mã jquery như thế này

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