Bagaimana cara memilih elemen pertama di dropdown menggunakan jquery?

Saya ingin tahu cara memilih opsi pertama di semua tag pilih di halaman saya menggunakan jquery.

mencoba ini:

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

Tapi tidak berhasil

Coba ini ...

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

Opsi lain adalah ini, tetapi ini hanya akan berfungsi untuk satu daftar drop-down pada satu waktu seperti yang dikodekan di bawah ini:

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

Lihatlah posting ini tentang cara mengatur berdasarkan nilai, itu menarik tetapi tidak akan membantu Anda untuk masalah khusus ini:

Ubah nilai yang dipilih dari daftar drop-down dengan jQuery

Selektor Anda salah, Anda mungkin mencari

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

Ini juga akan bekerja:

$('select option:first-child')

Solusi alternatif Ana untuk RSolgberg, yang mengaktifkan 'onchange'acara jika ada:

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

Bagaimana cara membuat opsi pertama <pilih> dipilih dengan jQuery?

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

Untuk Operasi Lengkap Drop Down List menggunakan Jquery

Apa yang Anda inginkan mungkin:

$("select option:first-child")

Apa kode ini

attr("selected", "selected");

yang dilakukan adalah menyetel atribut "dipilih" menjadi "dipilih"

Jika Anda menginginkan opsi yang dipilih, terlepas dari apakah itu anak pertama, selektornya adalah:

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

Saya menjawab karena jawaban sebelumnya telah berhenti berfungsi dengan versi terbaru jQuery. Saya tidak tahu kapan itu berhenti bekerja, tetapi dokumentasinya mengatakan bahwa .prop () telah menjadi metode yang disukai untuk mendapatkan / mengatur properti sejak jQuery 1.6.

Beginilah cara saya membuatnya berfungsi (dengan jQuery 3.2.1):

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

Saya menggunakan knockoutjs dan perubahan binding tidak diaktifkan dengan kode di atas, jadi saya menambahkan .change () di akhir.

Inilah yang saya butuhkan untuk solusi saya:

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

Lihat catatan .prop () dalam dokumentasi di sini: http://api.jquery.com/prop/

Berikut ini javascriptsolusi sederhana yang berfungsi dalam banyak kasus:

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

jika Anda ingin memeriksa teks dari opsi yang dipilih terlepas dari apakah itu anak pertama.

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