jQuery und der Vorher-Nachher-Effekt
Im folgendem Beispiel geht es darum per JavaScript die selektierten Options eines Select-Elements in ein anderes zu schreiben. ‘source’ und ‘target’ sind die jeweiligen Quell- und Ziel-IDs der Select-Elemente.
Vorher (ohne jQuery):
var s = document.getElementById(source);
var t = document.getElementById(target);
var n;
for (var i = 0; i < s.options.length; i++)
{
if (s.options[ i ].selected)
{
n = new Option(s.options[ i ].text, s.options[ i ].value, false, true);
t.options[t.options.length] = n;
}
}
for (var i = s.options.length - 1; i >= 0; i—)
{
if (s.options[ i ].selected)
{
s.options[ i ] = null;
}
}
Nachher (mit jQuery):
$('#' + source + ' option:selected').remove().appendTo('#' + target);
So macht Refactoring erst richtig Spass :-)
