Dieser Artikel beschreibt die Methode der JavaScript -Stimmung von zwei Listboxen zum Austausch von Daten links und rechts. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Wir verwenden diese Funktion häufig, die alle Elemente des linken Listenfelds nach rechts oder alle Elemente des rechten Listenfelds links verschieben oder alle Elemente des rechten Listenfelds links verschieben oder gleichzeitig verschieben.
Die Codekopie lautet wie folgt: Funktion ListBox_Mevecross (SourceId, Destid) {
var src = document.getElementById (SourceId);
var dest = document.getElementById (destid);
für (var count = 0; count <src.options.length; count ++) {
if (src.options [count] .selected == true) {
var option = src.options [count];
var newoption = document.createelement ("option");
NewOption.Value = Option.Value;
newoption.text = option.text;
newoption.selected = true;
versuchen {
dest.add (Newoption, NULL); //Standard
src.remove (count, null);
} catch (error) {
dest.add (Newoption); // nur dh nur
src.remove (count);
}
zählen--;
}
}
}
// .. ..
listbox_movecross ('CountryList', 'SelectedCountryList');
Im Folgenden finden Sie einen Demo -Effekt -Code, der direkt im Browser ausgeführt werden kann
Kopieren Sie den Code wie folgt: Klicken Sie unter den Schaltflächen, um ausgewählte Optionen nach rechts oder links zu verschieben. <br>
<tabelle>
<tbody> <tr>
<td>
<select id = "QuelleSelect" size = "10" multiple = "">
<option value = "a"> afghanistan </option>
<Option Value = "B"> Bahamas </Option>
<Option Value = "C"> Barbados </Option>
<Option Value = "D"> Belgien </Option>
<option value = "e"> bhutan </option>
<Option Value = "F"> China </Option>
<Option Value = "G"> Kroatien </Option>
<Option Value = "H"> Dänemark </Option>
<Option Value = "i"> Frankreich </Option>
</select>
</td>
<td>
<button onclick = "listBoxMevecross ('QuelleSelect', 'DestSelect');" >>>> </button> <br>
<button onclick = "listBoxMoveCross ('DestSelect', 'QuelleSelect');"> <<</Schaltfläche>
</td>
<td>
<select id = "destselect" size = "10" multiple = "">
<option value = "a"> afghanistan </option>
<Option Value = "B"> Bahamas </Option>
<Option Value = "C"> Barbados </Option>
<Option Value = "D"> Belgien </Option>
<option value = "e"> bhutan </option>
<Option Value = "F"> China </Option>
<Option Value = "G"> Kroatien </Option>
<Option Value = "H"> Dänemark </Option>
<Option Value = "i"> Frankreich </Option>
</select>
</td>
</tr>
</tbody> </table>
<Script>
Funktion ListboxMevecross (SourceId, Destid) {
var src = document.getElementById (SourceId);
var dest = document.getElementById (destid);
für (var count = 0; count <src.options.length; count ++) {
if (src.options [count] .selected == true) {
var option = src.options [count];
var newoption = document.createelement ("option");
NewOption.Value = Option.Value;
newoption.text = option.text;
newoption.selected = true;
versuchen {
dest.add (Newoption, NULL); //Standard
src.remove (count, null);
} catch (error) {
dest.add (Newoption); // nur dh nur
src.remove (count);
}
zählen--;
}
}
}
</script>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.