document.geteLementById ("loyuming"). Opsi [0] .Selected = true; function jsselectisexititem (objselect, objitemValue) {var isExit = false; untuk (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .value == objitemValue) {isExit = true; merusak; }} return isExit; }Operasi JavaScript Select adalah tipe umum dalam bentuk. Hari ini, saat menghapus beberapa nilai pilih, ada masalah. Setelah waktu yang lama, ternyata itu disebabkan oleh indeks (yaitu, ketika menghapus, Anda harus mulai dari indeks besar, dan kemudian menghapus indeks kecil, jika tidak indeks dengan indeks besar akan berubah setelah menghapus indeks kecil, dan kemudian indeks besar akan berubah. Akan ada masalah ketika menghapus lagi - kunci untuk masalah adalah bahwa loop yang perlu diminta dari yang kecil, daripada kecil, daripada kecil, daripada kecil, daripada kecil, daripada kecil, daripada yang kecil, daripada kecil, daripada kecil, daripada kecil, daripada kecil, daripada yang kecil, daripada yang kecil, daripada yang kecil, daripada kecil, daripada yang kecil.
// 4. Hapus item yang dipilih dalam fungsi pilih jsremoveselectedItemFromSelect (objselect) {var length = objselect.options.length - 1; untuk (var i = length; i> = 0; i-) {if (objselect [i] .delected == true) {objselect.options [i] = null; }}}1 Tentukan apakah ada item dengan nilai = "paravalue" di opsi pilih
2 Tambahkan item ke opsi Pilih
3remove item dari opsi pilih
4 Hapus item yang dipilih di Pilih
5 Ubah teks nilai = "paravalue" di opsi pilih untuk "paratext"
6set item teks pertama = "paratext" di select as yang dipilih
7 Atur item value = "paravalue" di Select As dipilih
8 Dapatkan nilai item yang saat ini dipilih
9 Dapatkan teks dari item yang saat ini dipilih
10 Dapatkan indeks item yang saat ini dipilih
11 Bersihkan item yang dipilih
==================================================================================================================================================
Hapus semua opsi secara dinamis di Select:
function deletealloptions (sel) {sel.options.length = 0; }Hapus opsi secara dinamis di Select:
function deleteOption (sel, indx) {sel.options.remove (indx); }Tambahkan opsi item secara dinamis di Pilih:
fungsi addOption (sel, teks, nilai) {sel.options.add (opsi baru (teks, nilai)); }Tes di atas berhasil diuji di IE dan Firefox, dan saya berharap mereka dapat digunakan di masa depan.
==============================================================
Kode JS
// 1. Tentukan apakah ada fungsi item value = "paravalue" dalam opsi pilih jsselectisexititem (objselect, objitemValue) {var isExit = false; untuk (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .value == objitemValue) {isExit = true; merusak; }} return isExit; } // 2. Tambahkan fungsi item ke opsi pilih jsadditemtoselect (objselect, objitemtext, objitemValue) {// menilai apakah ada jika (jsselectisexitem (objelect, objitemValue)) {waspada ("nilai nilai dari ini sudah dikeluarkan"); } else {var varitem = opsi baru (objitemText, objitemValue); objselect.options.add (varitem); peringatan ("berhasil bergabung"); }} // 3. Hapus fungsi item dari opsi pilih jsremoveItemFromSelect (objselect, objitemValue) {// menilai apakah ada jika (jsselectisexititem (objselect, objitemValue)) {for (var i = 0; i <objselect.options. (objselect.options [i] .value == objitemValue) {objselect.options.remove (i); merusak; }} alert ("berhasil dihapus"); } else {alert ("Item ini tidak ada di pilih ini"); }} // 4. Hapus item yang dipilih dalam fungsi Select JSremoveselectedItemFromSelect (objselect) {var length = objselect.options.length - 1; untuk (var i = length; i> = 0; i-) {if (objselect [i] .delected == true) {objselect.options [i] = null; }}} // 5. Ubah teks nilai = "paravalue" dalam opsi pilih untuk fungsi "paratext" jsupdateItemtoselect (objselect, objitemtext, objitemValue) {// menilai apakah ada (jselectisexitem (objitemvalue) {// apakah ada if (jsselectisexitem (objitem, iF (jselectisexitem (objitem, i if (jselectisexitem, objitem, objitem, nselectexitem, objitem, objitem, nselectexitem, objitem, objitem, objitem (objitem varie (jselectise (objitem (objitem) objselect.options.Length; merusak; }} alert ("berhasil dimodifikasi"); } else {alert ("Item ini tidak ada di pilih ini"); }} // 6. Atur item pertama dari teks = "paratext" di pilih sebagai fungsi yang dipilih jsselectitembyvalue (objselect, objitemText) {// menilai apakah var isExit = false; untuk (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .text == objitemText) {objselect.Options [i] .pilih = true; isExit = true; merusak; }} // Tampilkan hasil jika (isExit) {waspada ("berhasil dipilih"); } else {alert ("Item ini tidak ada di pilih ini"); }} // 7. Atur item value = "paravalue" di pilih yang akan dipilih objselect.value = objitemValue; // 8. Dapatkan nilai var dari item yang saat ini dipilih dari SELECT CURRELECTVALUE = OBJSELECT.VALUE; // 9. Dapatkan teks var CurrselectText dari item yang saat ini dipilih dari SELECT var CurrselectText = objselect.options [document.all.objselect.selectedIndex] .text; // 10. Dapatkan indeks item yang saat ini dipilih dari Select Var CurrselectIndex = objselect.selectedIndex; // 11. Bersihkan item dari SELECT OBJSELECT.Options.Length = 0;Kode lengkap dari seluruh instance adalah sebagai berikut:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html><head><title>javascript select options text value</title><meta name="keywords" content="javascript select options text value add modify delete set"><meta name="description" content="javascript select options text value add modify delete set"><script bahasa = "javascript"> <!-// penulis: [email protected]// ubah: [email protected] watch_ini () {// inisial untuk (var i = 0; i <arguments.length; i ++) {var ooption = baru Opsi (argumen [i], argumen [i]); document.geteLementById ("myselect") [i] = oOption;}} function watch_add (f) {// tambahkan var ooption = opsi baru (f.word.value, f.word.value); f.keywords [f.words.length] = oOp -value); f.keywords [f.words. f.word.value = f.keywords [f.keywords.selectedIndex] .text;} function watch_mod (f) {// modifikasi f.keywords [f.keywords.selectedIndex] .text = f.word.value;} function watch_del (f) {// hapus f.keyword.value; watch_set (f) {// simpan var set = ""; for (var i = 0; i <f.keywords.length; i ++) {set += f.keywords [i] .text +";";} konfirmasi (set);} //-> </script> </head> <body> <form name = "tonton" metode = "post" action = ""> <pilih id = "myselect" name = "kata kunci" size = "10" onchange = "oNCHANGE =" ini. bahasa = "javascript"> <!-watch_ini ("i", "you", "he", "dia", "dia", "itu", "el"); // Kata kunci awal //-> </script> <input type = "text" name = "word"/> <br/> <input type = "tombol" value = "tambah" onclick = "watch_add (this.form);" /> <input type = "tombol" value = "ubah" onclick = "watch_mod (this.form);" /> <input type = "tombol" value = "delete" onclick = "watch_del (this.form);" /> <input type = "tombol" value = "save" onclick = "watch_set (this.form);" /> </form> </body> </html>