JavaScript -Methode zur Steuerung der Aufwärts- und Abbewegung von Elementen in Listbox Listbox

In diesem Artikel wird die Methode von JavaScript beschrieben, um die Aufwärts- und Abbewegung von Elementen in einem Listbox -Listenfeld zu steuern. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:

Dieser JS -Code kann Elemente in Listbox steuern, um nach oben oder unten zu verschieben, was sehr nützlich ist. Unten finden Sie den detaillierten Code

Die Codekopie lautet wie folgt: Funktion Listbox_move (ListId, Richtung) {

var listbox = document.getElementById (listId);

var selindex = listBox.selectedIndex;

if (-1 == selindex) {

ALERT ("Bitte wählen Sie eine Option zum Verschieben.");

zurückkehren;

}

var Increment = -1;

if (Richtung == 'Up')

Increment = -1;

anders

Inkrement = 1;

if (((selindex + inkrement) <0 ||

(selindex + Increment)> (listBox.options.length-1)) {

zurückkehren;

}

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 .Text

listBox.options [selindex + Increment] .Value = selvalue;

listBox.options [selindex + Increment] .Text = seltext;

listBox.SelectedIndex = selindex + Increment;

}

// .. ..

// .. ..

listBox_move ('CountryList', 'Up'); // Verschieben Sie die ausgewählte Option

listBox_move ('CountryList', 'Down'); // Bewegen Sie die ausgewählte Option nach unten

Unten finden Sie einen detaillierten Demonstrationscode, der im Browser verwendet werden kann

Kopieren Sie den Code wie folgt: Klicken Sie auf die folgenden Schaltflächen, um alle Optionen aus SELECT -Feld auszuwählen oder zu deaktivieren. <br>

<select id = "lsbox" name = "lsbox" size = "10" multiple = "">

<Option Value = "1"> Indien </Option>

<Option Value = "2"> USA </Option>

<Option Value = "3"> China </Option>

<Option Value = "4"> Italien </Option>

<Option Value = "5"> Deutschland </Option>

<Option Value = "6"> Kanada </Option>

<Option Value = "7"> Frankreich </Option>

<Option Value = "8"> Vereinigtes Königreich </Option>

</select> <br>

<button onclick = "listBoxMove ('lsbox', 'up');"> nach oben </button> nach oben verschieben

<button onclick = "listBoxMove ('lsbox', 'down');"> Down </button> verschieben </button>

<Script>

Funktion ListBoxMove (ListId, Richtung) {

var listbox = document.getElementById (listId);

var selindex = listBox.selectedIndex;

if (-1 == selindex) {

ALERT ("Bitte wählen Sie eine Option zum Verschieben.");

zurückkehren;

}

var Increment = -1;

if (Richtung == 'Up')

Increment = -1;

anders

Inkrement = 1;

if (((selindex + inkrement) <0 ||

(selindex + Increment)> (listBox.options.length-1)) {

zurückkehren;

}

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 .Text

listBox.options [selindex + Increment] .Value = selvalue;

listBox.options [selindex + Increment] .Text = seltext;

listBox.SelectedIndex = selindex + Increment;

}

</script>

Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.