Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Methode zur Steuerung der Auf- und Abwärtsbewegung von Listenfeldelementen. Javascript-Kenntnisse

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

WBOY
WBOYOriginal
2016-05-16 16:08:521122Durchsuche

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) < 0 ||
(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.

   



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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn