Jika Anda tahu Indeks, Nilai, atau Teks. juga jika Anda tidak memiliki ID untuk referensi langsung.

Ini , ini dan ini semua adalah jawaban yang membantu.

Markup contoh

<div class="selDiv">
  <select class="opts">
    <option selected value="DEFAULT">Default</option>
    <option value="SEL1">Selection 1</option>
    <option value="SEL2">Selection 2</option>
  </select>
</div>

Selector untuk mendapatkan elemen opsi tengah dengan nilai adalah

$('.selDiv option[value="SEL1"]')

Untuk indeks:

$('.selDiv option:eq(1)')

Untuk teks yang dikenal:

$('.selDiv option:contains("Selection 1")')

EDIT : Seperti yang dikomentari di atas OP mungkin setelah mengubah item yang dipilih dari dropdown. Dalam versi 1.6 dan lebih tinggi, metode prop () disarankan:

$('.selDiv option:eq(1)').prop('selected', true)

Dalam versi yang lebih lama:

$('.selDiv option:eq(1)').attr('selected', 'selected')

EDIT2 : setelah komentar Ryan. Kecocokan pada "Pilihan 10" mungkin tidak diinginkan. Saya tidak menemukan pemilih yang cocok dengan teks lengkap, tetapi filter berfungsi:

 $('.selDiv option')
    .filter(function(i, e) { return $(e).text() == "Selection 1"})

EDIT3 : Gunakan hati-hati $(e).text()karena dapat mengandung baris baru membuat perbandingan gagal. Ini terjadi ketika opsi ditutup secara implisit (tanpa </option>tag):

<select ...>
<option value="1">Selection 1
<option value="2">Selection 2
   :
</select>

Jika Anda cukup menggunakan e.textspasi putih tambahan seperti baris baru tambahan akan dihapus, menjadikan perbandingan lebih kuat.

Tak satu pun dari metode di atas memberikan solusi yang saya butuhkan jadi saya pikir saya akan memberikan apa yang berhasil untuk saya.

$('#element option[value="no"]').attr("selected", "selected");

Anda bisa menggunakan val()metode:

$('select').val('the_value');

Menurut nilai, apa yang berhasil bagi saya dengan jQuery 1.7 adalah kode di bawah ini, coba ini:

$('#id option[value=theOptionValue]').prop('selected', 'selected').change();

Ada sejumlah cara untuk melakukan ini, tetapi pendekatan terbersih telah hilang di antara jawaban teratas dan banyak argumen val(). Juga beberapa metode berubah pada jQuery 1.6, jadi ini membutuhkan pembaruan.

Untuk contoh-contoh berikut, saya akan menganggap variabel $selectadalah objek jQuery yang menunjuk pada <select>tag yang diinginkan , misalnya melalui yang berikut:

var $select = $('.selDiv .opts');

Catatan 1 - gunakan val () untuk kecocokan nilai:

Untuk pencocokan nilai, menggunakan val()jauh lebih sederhana daripada menggunakan pemilih atribut: https://jsfiddle.net/yz7tu49b/6/

$select.val("SEL2");

Versi setter .val()diterapkan pada selecttag dengan mengatur selectedproperti yang cocok optiondengan yang sama value, jadi berfungsi dengan baik di semua browser modern.

Catatan 2 - gunakan properti ('terpilih', benar):

Jika Anda ingin mengatur keadaan opsi yang dipilih secara langsung, Anda dapat menggunakan prop(bukan attr) dengan booleanparameter (daripada nilai teks selected):

mis. https://jsfiddle.net/yz7tu49b/

$option.prop('selected', true);  // Will add selected="selected" to the tag

Catatan 3 - memungkinkan untuk nilai yang tidak diketahui:

Jika Anda menggunakan val()untuk memilih <option>, tetapi val tidak cocok (mungkin terjadi tergantung pada sumber nilai), maka "tidak ada" dipilih dan $select.val()akan kembali null.

Jadi, untuk contoh yang ditunjukkan, dan demi ketahanan, Anda dapat menggunakan sesuatu seperti ini https://jsfiddle.net/1250Ldqn/ :

var $select = $('.selDiv .opts');
$select.val("SEL2");
if ($select.val() == null) {
  $select.val("DEFAULT");
}

Catatan 4 - kecocokan teks yang tepat:

Jika Anda ingin mencocokkan dengan teks yang tepat, Anda dapat menggunakan filterfungsi with. mis. https://jsfiddle.net/yz7tu49b/2/ :

var $select = $('.selDiv .opts');
$select.children().filter(function(){
    return this.text == "Selection 2";
}).prop('selected', true);

meskipun jika Anda memiliki spasi putih tambahan, Anda mungkin ingin menambahkan trim ke cek seperti pada

    return $.trim(this.text) == "some value to match";

Catatan 5 - cocok dengan indeks

Jika Anda ingin mencocokkan berdasarkan indeks, cukup indeks anak-anak yang terpilih misalnya https://jsfiddle.net/yz7tu49b/3/

var $select = $('.selDiv .opts');
var index = 2;
$select.children()[index].selected = true;

Meskipun saya cenderung menghindari properti DOM langsung yang mendukung jQuery saat ini, untuk kode bukti masa depan, sehingga juga dapat dilakukan sebagai https://jsfiddle.net/yz7tu49b/5/ :

var $select = $('.selDiv .opts');
var index = 2;
$select.children().eq(index).prop('selected', true);

Catatan 6 - gunakan perubahan () untuk menjalankan seleksi baru

Dalam semua kasus di atas, acara perubahan tidak menyala. Ini adalah desain sehingga Anda tidak berakhir dengan acara perubahan rekursif.

Untuk menghasilkan acara perubahan, jika perlu, tambahkan saja panggilan ke objek .change()jQuery select. misalnya contoh paling sederhana pertama menjadi https://jsfiddle.net/yz7tu49b/7/

var $select = $('.selDiv .opts');
$select.val("SEL2").change();

Ada juga banyak cara lain untuk menemukan elemen menggunakan pemilih atribut, seperti [value="SEL2"], tetapi Anda harus ingat pemilih atribut relatif lambat dibandingkan dengan semua opsi lainnya.

Anda bisa memberi nama pilih dan gunakan ini:

$("select[name='theNameYouChose']").find("option[value='theValueYouWantSelected']").attr("selected",true);

Ini harus memilih opsi yang Anda inginkan.

   $(elem).find('option[value="' + value + '"]').attr("selected", "selected");

Menjawab pertanyaan saya sendiri untuk dokumentasi. Saya yakin ada cara lain untuk mencapai ini, tetapi ini berhasil dan kode ini diuji.

<html>
<head>
<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/JavaScript">

$(function() {
    $(".update").bind("click",      // bind the click event to a div
        function() {
            var selectOption = $('.selDiv').children('.opts') ;
            var _this = $(this).next().children(".opts") ;

            $(selectOption).find("option[index='0']").attr("selected","selected");
//          $(selectOption).find("option[value='DEFAULT']").attr("selected","selected");
//          $(selectOption).find("option[text='Default']").attr("selected","selected");


//          $(_this).find("option[value='DEFAULT']").attr("selected","selected");
//          $(_this).find("option[text='Default']").attr("selected","selected");
//          $(_this).find("option[index='0']").attr("selected","selected");

    }); // END Bind
}); // End eventlistener

</script>
</head>
<body>
<div class="update" style="height:50px; color:blue; cursor:pointer;">Update</div>
<div class="selDiv">
        <select class="opts">
            <option selected value="DEFAULT">Default</option>
            <option value="SEL1">Selection 1</option>
            <option value="SEL2">Selection 2</option>
        </select>
    </div>
</body>
</html>

Tepatnya akan berhasil coba metode di bawah ini

Untuk opsi pilih normal

<script>    
    $(document).ready(function() {
    $("#id").val('select value here');
       });
        </script>

Untuk opsi pilih 2 opsi memicu perlu digunakan

<script>    
        $(document).ready(function() {
        $("#id").val('select value here').trigger('change');
           });
            </script>

Menggunakan jquery-2.1.4 , saya menemukan jawaban berikut ini berfungsi untuk saya:

$('#MySelectionBox').val(123).change();

Jika Anda memiliki nilai string, cobalah yang berikut ini:

$('#MySelectionBox').val("extra thing").change();

Contoh lain tidak berfungsi untuk saya jadi itu sebabnya saya menambahkan jawaban ini.

Saya menemukan jawaban asli di: https://forum.jquery.com/topic/how-to-dynamically-select-option-in-dropdown-menu

Untuk menetapkan nilai pilih dengan memicu dipilih:

$('select.opts').val('SEL1').change();

Untuk opsi pengaturan dari ruang lingkup:

$('.selDiv option[value="SEL1"]')
    .attr('selected', 'selected')
    .change();

Kode ini menggunakan pemilih untuk mengetahui objek yang dipilih dengan kondisi, lalu ubah atribut yang dipilih oleh attr().

Lebih lanjut, saya sarankan untuk menambahkan change()acara setelah mengatur atribut selected, dengan melakukan ini kode akan menutup untuk mengubah pilih oleh pengguna.

Saya menggunakan ini, ketika saya tahu indeks daftar.

$("#yourlist :nth(1)").prop("selected","selected").change();

Ini memungkinkan daftar untuk berubah, dan menjalankan acara perubahan. ": Nth (n)" dihitung dari indeks 0

saya akan pergi dengan: -

$("select#my-select option") .each(function() { this.selected = (this.text == myVal); });

Coba ini

Anda cukup menggunakan id bidang pilih alih-alih #id (mis. # select_name)

bukannya nilai opsi menggunakan pilih opsi Anda nilai

 <script>
    $(document).ready(function() {
$("#id option[value='option value']").attr('selected',true);
   });
    </script>

Untuk Jquery dipilih jika Anda mengirim atribut berfungsi dan perlu memperbarui-pilih opsi

$('#yourElement option[value="'+yourValue+'"]').attr('selected', 'selected');
$('#editLocationCity').chosen().change();
$('#editLocationCity').trigger('liszt:updated');

/* This will reset your select box with "-- Please Select --"   */ 
    <script>
    $(document).ready(function() {
        $("#gate option[value='']").prop('selected', true);
    });
    </script>

The $('select').val('the_value');tampak solusi yang tepat dan jika Anda memiliki tabel data baris maka:

$row.find('#component').val('All');

jika Anda tidak ingin menggunakan jQuery, Anda dapat menggunakan kode di bawah ini:

document.getElementById("mySelect").selectedIndex = "2";

Terima kasih untuk pertanyaannya. Semoga kode ini akan bekerja untuk Anda.

var val = $("select.opts:visible option:selected ").val();

$('#select option[data-id-estado="3"]').prop("selected",true).trigger("change");

atau

$('#select option[value="myValue"]').prop("selected",true).trigger("change");