Kaedah JavaScript untuk mengawal dua kotak senarai untuk bertukar data kemahiran javascript kiri dan kanan-tutorial js-php.cn

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

WBOY

Lepaskan： 2016-05-16 16:08:38

asal

1742 orang telah melayarinya

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.














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程序设计有所帮助。