Làm cách nào để chọn phần tử đầu tiên trong menu thả xuống bằng jquery?

Tôi muốn biết cách chọn tùy chọn đầu tiên trong tất cả các thẻ chọn trên trang của mình bằng jquery.

đã thử cái này:

$('select option:nth(0)').attr("selected", "selected"); 

Nhưng không hoạt động

Thử thứ này đi...

$('select option:first-child').attr("selected", "selected");

Một tùy chọn khác sẽ là tùy chọn này, nhưng nó sẽ chỉ hoạt động cho một danh sách thả xuống tại một thời điểm như được mã hóa bên dưới:

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

Hãy xem bài đăng này về cách đặt dựa trên giá trị, nó thú vị nhưng sẽ không giúp bạn cho vấn đề cụ thể này:

Thay đổi giá trị đã chọn của danh sách thả xuống bằng jQuery

Bộ chọn của bạn sai, có thể bạn đang tìm kiếm

$('select option:nth-child(1)')

Điều này cũng sẽ hoạt động:

$('select option:first-child')

Giải pháp thay thế tương tự cho RSolgberg, giải pháp kích hoạt 'onchange'sự kiện nếu có:

$("#target").val($("#target option:first").val());

Làm thế nào để thực hiện tùy chọn đầu tiên của <select> được chọn với jQuery?

$("#DDLID").val( $("#DDLID option:first-child").val() );

Để hoàn thành các hoạt động trong danh sách thả xuống bằng cách sử dụng Jquery

Những gì bạn muốn có lẽ là:

$("select option:first-child")

Mã này là gì

attr("selected", "selected");

đang làm là đặt thuộc tính "đã chọn" thành "đã chọn"

Nếu bạn muốn các tùy chọn đã chọn, bất kể đó có phải là con đầu tiên hay không, bộ chọn là:

$("select").children("[selected]")

Tôi đang trả lời vì các câu trả lời trước đã ngừng hoạt động với phiên bản mới nhất của jQuery. Tôi không biết khi nào nó ngừng hoạt động, nhưng tài liệu nói rằng .prop () là phương thức được ưa thích để lấy / đặt thuộc tính kể từ jQuery 1.6.

Đây là cách tôi làm cho nó hoạt động (với jQuery 3.2.1):

$('select option:nth-child(1)').prop("selected", true);

Tôi đang sử dụng knockoutjs và các ràng buộc thay đổi không kích hoạt với mã trên, vì vậy tôi đã thêm .change () vào cuối.

Đây là những gì tôi cần cho giải pháp của mình:

$('select option:nth-child(1)').prop("selected", true).change();

Xem ghi chú .prop () trong tài liệu tại đây: http://api.jquery.com/prop/

Đây là một javascriptgiải pháp đơn giản hoạt động trong hầu hết các trường hợp:

document.getElementById("selectId").selectedIndex = "0";

nếu bạn muốn kiểm tra văn bản của tùy chọn đã chọn bất kể nó có phải là con đầu tiên hay không.

var a = $("#select_id option:selected").text();
alert(a); //check if the value is correct.
if(a == "value") {-- execute code --}

    var arr_select_val=[];

    $("select").each(function() { 
        var name=this.name;
            arr_select_val[name]=$('select option:first-child').val();
    });


// Process the array object
     $('.orders_status_summary_div').print(arr_select_val);