Kaedah JavaScript untuk mengawal item kotak senarai untuk bergerak ke atas dan ke bawah kemahiran javascript

Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk mengawal item dalam kotak senarai untuk bergerak ke atas dan ke bawah. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kod JS ini boleh mengawal elemen dalam kotak senarai untuk bergerak ke atas atau ke bawah Fungsi ini sangat berguna. Berikut ialah kod terperinci

Salin kod Kod adalah seperti berikut:

function listbox_move(listID, direction) {
var listbox = document.getElementById(listID);
var selIndex = listbox.selectedIndex;
Jika(-1 == selIndex) {
alert("Sila pilih pilihan untuk bergerak.");
         kembali;
}
kenaikan var = -1;
Jika(arah == 'naik')
kenaikan = -1;
lain
kenaikan = 1;
Jika((kenaikan selIndex) < 0 ||
(kenaikan selIndex) > (listbox.options.length-1)) {
         kembali;
}
var selValue = listbox.options[selIndex].value;
var selText = listbox.options[selIndex].text;
Listbox.options[selIndex].value = listbox.options[selIndex increment].value
Listbox.options[selIndex].text = listbox.options[selIndex increment].text
Listbox.options[selIndex increment].value = selValue;
Listbox.options[selIndex increment].text = selText;
Listbox.selectedIndex = kenaikan selIndex;
}
//..
//..
listbox_move('countryList', 'up'); //naikkan pilihan yang dipilih
listbox_move('countryList', 'down'); //turunkan pilihan yang dipilih

Di bawah ialah kod demo terperinci, yang boleh digunakan dalam penyemak imbas

Salin kod Kod adalah seperti berikut:

Klik butang di bawah untuk memilih atau nyahpilih semua pilihan daripada kotak pilihan.

   
        India
        Amerika Syarikat
        China
        Itali
        Jerman
        Kanada
        Perancis
        United Kingdom
   

Move Up
Move Down

function listboxMove(listID, direction) {
    var listbox = document.getElementById(listID);
    var selIndex = listbox.selectedIndex;
    if(-1 == selIndex) {
        alert("Sila pilih pilihan untuk bergerak.");
        kembali;
    }
    kenaikan var = -1;
    jika(arah == 'naik')
        kenaikan = -1;
    lain
        kenaikan = 1;
    if((kenaikan selIndex) < 0 ||
        (kenaikan selIndex) > (listbox.options.length-1)) {
        kembali;
    }
    var selValue = listbox.options[selIndex].value;
    var selText = listbox.options[selIndex].text;
    listbox.options[selIndex].value = listbox.options[increment selIndex].value
    listbox.options[selIndex].text = listbox.options[selIndex increment].teks
    listbox.options[selIndex increment].value = selValue;
    listbox.options[selIndex increment].text = selText;
    listbox.selectedIndex = kenaikan selIndex;
}

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