jQuery để truy xuất và thiết lập giá trị tùy chọn đã chọn của phần tử chọn html

Tôi đang cố gắng truy xuất và thiết lập giá trị đã chọn của một phần tử được chọn (danh sách thả xuống) với jQuery.

cho retrievel tôi đã cố gắng $("#myId").find(':selected').val(), cũng như $("#myId").val()nhưng cả hai trả lại không xác định.

Bất kỳ cái nhìn sâu sắc về vấn đề này sẽ được nhiều đánh giá cao.

Cách bạn có nó là chính xác tại thời điểm này. Hoặc id của lựa chọn không phải là những gì bạn nói hoặc bạn có một số vấn đề trong dom.

Kiểm tra Id của phần tử và cũng kiểm tra đánh dấu xác thực của bạn tại đây tại W3c.

Nếu không có một dom dom hợp lệ thì không thể hoạt động chính xác với các bộ chọn.

Nếu id là chính xác và dom của bạn xác nhận thì áp dụng như sau:

Để đọc Chọn giá trị tùy chọn

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

Để đặt Chọn giá trị tùy chọn

$('#selectId').val('newValue');

Để đọc văn bản đã chọn

$('#selectId>option:selected').text();

để nhận / đặt thuộc tính Index được chọn thực tế của phần tử chọn sử dụng:

$("#select-id").prop("selectedIndex");

$("#select-id").prop("selectedIndex",1);

$('#myId').val() nên làm điều đó, thất bại mà tôi sẽ thử:

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

Khi cài đặt JQM, đừng quên cập nhật UI:

$('#selectId').val('newValue').selectmenu('refresh', true);

$("#myId").val()nên hoạt động nếu myidlà id phần tử chọn!

Điều này sẽ đặt mục đã chọn: $("#myId").val('VALUE');

Giả sử bạn đã tạo danh sách Thả xuống bằng thẻ CHỌN như sau,

<select id="Country">

Bây giờ nếu bạn muốn xem giá trị được chọn từ thả xuống bằng JQuery là gì, chỉ cần đặt dòng sau để lấy giá trị đó ..

var result= $("#Country option:selected").text();

nó sẽ hoạt động tốt

Tôi biết điều này đã cũ nhưng tôi chỉ có một thời gian với Dao cạo râu, không thể làm cho nó hoạt động cho dù tôi có cố gắng thế nào. Giữ trở lại là "không xác định" bất kể tôi đã sử dụng "văn bản" hay "html" cho thuộc tính. Cuối cùng tôi đã thêm thuộc tính "data-value" vào tùy chọn và nó chỉ đọc tốt.

 <option value="1" data-value="MyText">MyText</option>

 var DisplayText = $(this).find("option:selected").attr("data-value");

$ ("Tùy chọn #myId: đã chọn") .text (); sẽ cung cấp cho bạn văn bản mà bạn đã chọn trong phần tử thả xuống. một trong hai cách bạn có thể thay đổi nó thành .val (); để có được giá trị của nó. kiểm tra mã hóa dưới đây

<select id="myId">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>`
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

Thử cái này

$('#your_select_element_id').val('your_value').attr().add('selected');