Rumah > hujung hadapan web > tutorial js > Kaedah JavaScript untuk mengawal item kotak senarai untuk bergerak ke atas dan ke bawah kemahiran javascript

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

WBOY
Lepaskan: 2016-05-16 16:08:52
asal
1169 orang telah melayarinya

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
   




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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan