Seperti pertanyaannya, bagaimana cara menetapkan nilai kontrol DropDownList menggunakan jQuery?
jquery
drop-down-menu
daging
sumber
sumber
$("#mycontrolId").selectmenu('refresh');
untuk mencerminkan perubahanJika Anda bekerja dengan indeks, Anda dapat mengatur indeks yang dipilih secara langsung dengan .attr ():Ini akan mengaturnya ke nilai pertama di droplist.Sunting: Cara saya melakukannya di atas dulu bekerja. Tapi sepertinya tidak lagi.
Tapi seperti yang ditunjukkan Han dalam komentarnya, cara yang benar untuk melakukannya adalah:
sumber
select
tag tidak memiliki atribut apa pun yang dinamaiselectedIndex
. Ini adalah properti dari objek DOM. Karenanya kode harus:$("#mydropdownlist").get(0).selectedIndex = index_here;
$("#mydropdownlist").prop('selectedIndex', index_here);
Juga berfungsi.Seperti yang disarankan oleh @Nick Berardi, jika nilai Anda yang berubah tidak tercermin di ujung depan UI, coba:
sumber
selectmenu
tidak terdefinisi dalam versi jQuery saya, tetapichange()
lakukan triknya.Coba pendekatan yang sangat sederhana ini:
sumber
$("#mycontrolId").selectmenu('refresh');
$('#mycontrolId').selectmenu('refresh').val(myvalue).attr("selected", "selected");
?Jika dropdown Anda adalah Asp.Net drop down maka kode di bawah ini akan berfungsi dengan baik,
Tetapi jika DropDown Anda adalah HTML drop down maka kode ini akan berfungsi.
sumber
Jawaban terbaik untuk pertanyaan:
misalnya:
atau
sumber
setel nilai dan perbarui acara daftar dropdown
sumber
Ada banyak cara untuk melakukannya. berikut adalah beberapa di antaranya:
ATAU
sumber
Saya pikir ini dapat membantu:
Jika Anda melakukan ini, Anda menambahkan elemen tanpa teks. Jadi, ketika Anda mengklik de combo, itu tidak muncul, tetapi nilai -1 yang Anda tambahkan kemudian pilih dengan $ (". AutoCompleteDepartment"). Val (-1); memungkinkan Anda mengontrol jika kombo memiliki nilai yang valid.
Semoga ini bisa membantu siapa saja.
Maaf untuk bahasa inggris saya.
sumber
Jika Anda hanya perlu mengatur nilai dropdown maka cara terbaik adalah
Jika Anda harus memicu skrip apa pun setelah memperbarui nilai dropdown seperti Jika Anda mengatur event onChange pada dropdown dan Anda ingin menjalankan ini setelah memperbarui dropdown daripada Anda perlu menggunakan seperti ini
sumber
Ini adalah fungsi yang dibuat untuk dengan cepat mengatur opsi yang dipilih:
Panggil fungsi ini dengan id elemen argumen dan nilai yang dipilih; seperti ini:
Ini berguna ketika ada banyak opsi pilih yang akan ditetapkan.
sumber
Dalam kasus ketika Anda memuat semua
<options ....></options>
dengan panggilan AjaxIkuti langkah ini untuk melakukan ini.
1). Buat metode terpisah untuk mengatur nilai drop-down
For Ex:
2). Panggil metode ini ketika panggilan ajax berhasil semua tugas html menambahkan tugas selesai
Untuk Ex:
sumber
Tetapkan
drop-down
selected
nilai dan perbarui perubahanDi sini kita pertama-tama menetapkan nilai dari
Model
dan kemudian memperbaruinya saat dipilihsumber
// Format Html dari daftar dropdown.
// Jika Anda ingin mengubah Item yang dipilih ke test2 menggunakan javascript. Coba yang ini. // atur opsi berikutnya yang ingin Anda pilih
sumber
Menggunakan jawaban yang disorot / dicentang di atas berhasil untuk saya ... inilah sedikit wawasan. Saya sedikit curang dalam mendapatkan URL, tetapi pada dasarnya saya mendefinisikan URL dalam Javascript, dan kemudian mengaturnya melalui jawaban jquery dari atas:
sumber
Untuk orang yang menggunakan Bootstrap, gunakan
$(#elementId').selectpicker('val','elementValue')
sebagai ganti$('#elementId').val('elementValue')
, karena yang terakhir tidak memperbarui nilai di UI.Catatan :
.change()
Fungsi Even berfungsi, seperti yang disarankan di atas dalam beberapa jawaban, tetapi memicu$('#elementId').change(function(){ //do something })
fungsi.Hanya memposting ini di luar sana untuk orang yang merujuk utas ini di masa mendatang.
sumber