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.