Lấy giá trị của một menu thả xuống trong jQuery

Question

Tôi có một trình đơn thả xuống có cặp 'ID, Tên'.

Ví dụ

Jon Miller
Jim Smith
Jen Morsin

Jon Miller có ID của 101
Jim Smith có ID của 102
Jen Morsin có ID của 103

Khi Tôi làm theo sau:

var arNames = $('#Crd').val() 

và tôi chọn Jon Miller, tôi nhận được 101. Mặc dù tôi muốn nhận được Jon Miller.

Answer 1

$('#Crd').val() sẽ cung cấp cho bạn giá trị được chọn của phần tử thả xuống. Sử dụng tùy chọn này để nhận văn bản tùy chọn đã chọn.

$('#Crd option:selected').text(); 

Answer 2

Nếu bạn đang sử dụng một <select>, .val() nhận được 'giá trị' của chọn <option>. Nếu nó không có value, nó có thể dự phòng id. Đặt giá trị mà bạn muốn nó trở lại trong value thuộc tính của mỗi <option>

Edit: Xem ý kiến ​​để làm rõ về những gì thực sự là value (không nhất thiết phải bằng với thuộc tính value).

Answer 3

Như đã được chỉ ra ... trong một hộp select, thuộc tính .val() sẽ cung cấp cho bạn giá trị của tùy chọn đã chọn. Nếu tùy chọn được chọn không có một giá trị thuộc tính nó sẽ mặc định giá trị hiển thị của các tùy chọn (đó là những gì các ví dụ trên cho thấy jQuery documentation of .val

bạn muốn sử dụng .text() của các tùy chọn chọn:.

$('#Crd option:selected').text()

Answer 4

cách tốt nhất là sử dụng:

$("#yourid option:selected").text(); 

Tuỳ theo yêu cầu, bạn cũng có thể sử dụng theo cách này:

var v = $("#yourid").val(); 
$("#yourid option[value="+v+"]").text() 

Answer 5

Điều này cung cấp cho bạn giá trị hiện tại của menu thả xuống, nếu thả xuống có ID là "someId".

$("#someId").val(); 

Answer 6

var sal = $('.selectSal option:selected').eq(0).val(); 

selectSal là một lớp.

Answer 7

Hãy thử điều này:

var text = $('#YourDropdownId').find('option:selected').text(); 

Answer 8

Một lựa chọn khác:

$("#<%=dropDownId.ClientID%>").children("option:selected").val(); 

Answer 9

này đã làm việc cho tôi!

$('#selected-option option:selected').val() 

Hy vọng điều này sẽ giúp ai đó!

Answer 10

$('.leave_response').on('change', function() { 
 
    var responseId = $(this).val(); 
 
    console.log(responseId); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td> 
 
    <select class="leave_response" name="leave"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
     <option>3</option> 
 
     <option>4</option> 
 
    </select> 
 
</td>