Kaedah JavaScript untuk mengawal dua kotak senarai untuk bertukar data kemahiran javascript kiri dan kanan

Contoh dalam artikel ini menerangkan cara JavaScript mengawal pertukaran data antara dua kotak senarai. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kami sering menggunakan fungsi ini untuk mengalihkan elemen kotak senarai kiri ke kanan, atau mengalihkan elemen kotak senarai kanan ke kiri Anda boleh mengalihkan kesemuanya sekali

Salin kod Kod adalah seperti berikut:

function listbox_moveacross(sourceID, destID) {
var src = document.getElementById(sourceID);
var dest = document.getElementById(destID);
for(var count=0; count < src.options.length; count ) {
If(src.options[count].selected == true) {
              var option = src.options[count];
              var newOption = document.createElement("option");
newOption.value = option.value;
newOption.text = option.text;
newOption.selected = benar;
                  cuba {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <                           src.remove(count, null);
                       }tangkap (ralat) {
                              dest.add(newOption); // IE sahaja
                          src.remove(count);
                 }
Kira--;
}
}
}
//..
listbox_moveacross('countryList', 'selectedCountryList');

Berikut ialah kod kesan demonstrasi seperti ini, yang boleh dilaksanakan terus dalam penyemak imbas

Salin kod Kod adalah seperti berikut:

Klik butang di bawah untuk mengalihkan pilihan yang dipilih ke kanan atau kiri.



   

 Afghanistan
 Bahamas
 Barbados
 Belgium
 Bhutan
 China
 Croatia
 Denmark
 Perancis

   
   
        >> 

        <<
   
   

 Afghanistan
 Bahamas
 Barbados
 Belgium
 Bhutan
 China
 Croatia
 Denmark
 Perancis

   


   
function listboxMoveacross(sourceID, destID) {
    var src = document.getElementById(sourceID);
    var dest = document.getElementById(destID);
    for(var count=0; count < src.options.length; count ) {
        if(src.options[count].selected == true) {
                var option = src.options[count];
                var newOption = document.createElement("option");
                newOption.value = option.value;
                newOption.text = option.text;
                newOption.selected = benar;
                cuba {
                         dest.add(newOption, null); //Standard
                         src.remove(count, null);
                 }tangkap(ralat) {
                         dest.add(newOption); // IE sahaja
                         src.remove(count);
                 }
                kira--;
        }
    }
}

希望本文所述对大家的javascript程序设计有所帮助。

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn