JavaScript-Methode zur Steuerung der Auf- und Abwärtsbewegung von Listenfeldelementen. Javascript-Kenntnisse

Das Beispiel in diesem Artikel beschreibt, wie Sie mithilfe von JavaScript steuern, dass sich die Elemente im Listenfeld nach oben und unten bewegen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Dieser JS-Code kann die Elemente im Listenfeld so steuern, dass sie nach oben oder unten verschoben werden. Diese Funktion ist sehr nützlich. Das Folgende ist der detaillierte Code

Code kopieren Der Code lautet wie folgt:

function listbox_move(listID, Direction) {
var listbox = document.getElementById(listID);
var selIndex = listbox.selectedIndex;
If(-1 == selIndex) {
warning("Bitte wählen Sie eine Option zum Verschieben aus.");
         zurück;
}
var-Inkrement = -1;
If(direction == 'up')
Inkrement = -1;
sonst
Inkrement = 1;
If((selIndex-Inkrement) (selIndex-Inkrement) > (listbox.options.length-1)) {
         zurück;
}
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 = selIndex-Inkrement;
}
//..
//..
listbox_move('countryList', 'up'); //die ausgewählte Option nach oben verschieben
listbox_move('countryList', 'down'); //die ausgewählte Option nach unten verschieben

Nachfolgend finden Sie den detaillierten Democode, der im Browser verwendet werden kann

Code kopieren Der Code lautet wie folgt:

Klicken Sie auf die Schaltflächen unten, um alle Optionen im Auswahlfeld auszuwählen oder abzuwählen.

   
        Indien
        Vereinigte Staaten
        China
        Italien
        Deutschland
        Kanada
        Frankreich
        Vereinigtes Königreich
   

Nach oben verschieben
Nach unten verschieben
<script><br /> Funktion listboxMove(listID, Direction) {<br />     var listbox = document.getElementById(listID);<br />     var selIndex = listbox.selectedIndex;<br />     if(-1 == selIndex) {<br />         warning("Bitte wählen Sie eine Option zum Verschieben aus.");<br />         zurück;<br />     }<br />     var-Inkrement = -1;<br />     if(direction == 'up')<br />         Inkrement = -1;<br />     sonst<br />         Inkrement = 1;<br />     if((selIndex-Inkrement) < 0 ||<br />         (selIndex-Inkrement) > (listbox.options.length-1)) {<br />         zurück;<br />     }<br />     var selValue = listbox.options[selIndex].value;<br />     var selText = listbox.options[selIndex].text;<br />     listbox.options[selIndex].value = listbox.options[selIndex increment].value<br />     listbox.options[selIndex].text = listbox.options[selIndex inkrementieren].text<br />     listbox.options[selIndex increment].value = selValue;<br />     listbox.options[selIndex increment].text = selText;<br />     listbox.selectedIndex = selIndex-Inkrement;<br /> }<br /> </script>

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