JavaScript-Methode zur Steuerung zweier Listboxen zum Datenaustausch links und rechts_Javascript-Fähigkeiten

Das Beispiel in diesem Artikel beschreibt, wie JavaScript den Datenaustausch zwischen zwei Listboxen steuert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Wir verwenden diese Funktion häufig, um die Elemente des linken Listenfelds nach rechts zu verschieben, oder um die Elemente des rechten Listenfelds nach links zu verschieben. Sie können sie alle auf einmal verschieben

Code kopieren Der Code lautet wie folgt:

function listbox_moveacross(sourceID, destID) {
var src = document.getElementById(sourceID);
var dest = document.getElementById(destID);
for(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 Sie es mit {
                                                                                                                                                                                                 dest.add(new Option, null); //Standard
                          src.remove(count, null);
                       }catch(error) {
                             dest.add(newOption); // IE only
                          src.remove(count);
                 }
Zählen--;
}
}
}
//..
listbox_moveacross('countryList', 'selectedCountryList');

Das Folgende ist ein Demonstrationseffektcode wie dieser, der direkt im Browser
ausgeführt werden kann

Code kopieren Der Code lautet wie folgt:

Klicken Sie auf die Schaltflächen unten, um ausgewählte Optionen nach rechts oder links zu verschieben.



   

 Afghanistan
 Bahamas
 Barbados
 Belgien
 Bhutan
 China
 Kroatien
 Dänemark
 Frankreich

   
   
        >> 

        <<
   
   

 Afghanistan
 Bahamas
 Barbados
 Belgien
 Bhutan
 China
 Kroatien
 Dänemark
 Frankreich

   


    <script><br> Funktion listboxMoveacross(sourceID, destID) {<br>     var src = document.getElementById(sourceID);<br>     var dest = document.getElementById(destID);<br>     for(var count=0; count < src.options.length; count ) {<br />         if(src.options[count].selected == true) {<br />                 var option = src.options[count];<br />                 var newOption = document.createElement("option");<br />                 newOption.value = option.value;<br />                 newOption.text = option.text;<br />                 newOption.selected = true;<br />                 versuche es mit {<br />                          dest.add(newOption, null); //Standard<br />                          src.remove(count, null);<br />                  }catch(error) {<br />                          dest.add(newOption); // Nur IE<br />                          src.remove(count);<br />                  }<br />                 count--;<br />         }<br />     }<br /> }<br /> </script>

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