Nhận văn bản đã chọn từ danh sách thả xuống (hộp chọn) bằng jQuery

Làm cách nào tôi có thể lấy văn bản đã chọn (không phải giá trị đã chọn) từ danh sách thả xuống trong jQuery?

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

Thử cái này:

$("#myselect :selected").text();

Đối với trình đơn thả xuống ASP.NET, bạn có thể sử dụng bộ chọn sau:

$("[id*='MyDropDownId'] :selected")

Các câu trả lời được đăng ở đây, ví dụ,

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

không làm việc cho tôi, nhưng điều này đã làm:

$('#yourdropdownid').find('option:selected').text();

Nó có thể là một phiên bản cũ hơn của jQuery.

Nếu bạn đã có sẵn danh sách thả xuống trong một biến, đây là thứ phù hợp với tôi:

$("option:selected", myVar).text()

Các câu trả lời khác cho câu hỏi này đã giúp tôi, nhưng cuối cùng, tùy chọn chủ đề của diễn đàn jQuery $ (tùy chọn này + ": được chọn"). Attr ("rel") được chọn không hoạt động trong IE giúp ích nhiều nhất.

Cập nhật: đã sửa liên kết trên

Điều này làm việc cho tôi

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

Nếu phần tử được tạo động

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

$("option:selected", $("#TipoRecorde")).text()

$("#DropDownID").val() sẽ đưa ra giá trị chỉ số được chọn.

Điều này làm việc cho tôi:

$('#yourdropdownid').find('option:selected').text();

Phiên bản jQuery : 1.9.1

Đối với văn bản của mục đã chọn, sử dụng:

$('select[name="thegivenname"] option:selected').text();

Đối với giá trị của mục đã chọn, sử dụng:

$('select[name="thegivenname"] option:selected').val();

Nhiều cách khác nhau

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

Dùng cái này

const select = document.getElementById("yourSelectId");

const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;   

Sau đó, bạn nhận được giá trị lựa chọn của bạn và văn bản bên trong selectedValuevà selectedText.

var someName = "Test";

$("#<%= ddltest.ClientID %>").each(function () {
    $('option', this).each(function () {
        if ($(this).text().toLowerCase() == someName) {
            $(this).attr('selected', 'selected')
        };
    });
});

Điều đó sẽ giúp bạn có được hướng đi đúng đắn. Mã trên được kiểm tra đầy đủ nếu bạn cần giúp đỡ thêm cho tôi biết.

Đối với những người đang sử dụng danh sách SharePoint và không muốn sử dụng id được tạo từ lâu, điều này sẽ hoạt động:

var e = $('select[title="IntenalFieldName"] option:selected').text();

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

Thay vì #selectIDbạn có thể sử dụng bất kỳ bộ chọn jQuery nào, như .selectClasssử dụng lớp.

Như đã đề cập trong tài liệu ở đây .

Bộ chọn: đã chọn hoạt động cho các phần tử <tùy chọn>. Nó không hoạt động cho các hộp kiểm hoặc đầu vào radio; sử dụng :checkedcho họ.

.text () Theo tài liệu ở đây .

Lấy nội dung văn bản kết hợp của từng thành phần trong tập hợp các yếu tố phù hợp, bao gồm cả con cháu của chúng.

Vì vậy, bạn có thể lấy văn bản từ bất kỳ thành phần HTML nào bằng cách sử dụng .text() phương thức.

Tham khảo tài liệu để được giải thích sâu hơn.

$("select[id=yourDropdownid] option:selected").text()

Cái này hoạt động tốt

Để nhận được giá trị lựa chọn sử dụng

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

và để nhận văn bản mục đã chọn, hãy sử dụng dòng này:

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

$('#id').find('option:selected').text();

Chọn Văn bản và giá trị được chọn khi thả xuống / chọn sự kiện thay đổi trong jQuery

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

Đơn giản chỉ cần thử mã sau đây.

var text= $('#yourslectbox').find(":selected").text();

nó trả về văn bản của tùy chọn đã chọn.

Sử dụng:

('#yourdropdownid').find(':selected').text();

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;

Những điều sau đây làm việc cho tôi:

$.trim($('#dropdownId option:selected').html())

Công việc này đối với tôi:

$("#city :selected").text();

Tôi đang sử dụng jQuery 1.10.2

Trong trường hợp anh chị em

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

Thử:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

Hoặc để có được văn bản của tùy chọn, sử dụng text():

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

Thêm thông tin:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Nếu bạn muốn kết quả là một danh sách, sau đó sử dụng:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

$("#dropdown").find(":selected").text();


$("#dropdown :selected").text();

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

$("#dropdown").children(":selected").text();

Mã này làm việc cho tôi.

$("#yourdropdownid").children("option").filter(":selected").text();