2 Auswahllisten +Arrays

[RedLeffer]

Hallo ich habe folgendes Problem.
Ich habe 2 Auswahllisten, in der 1. Auswahlliste habe ich Elemente die ich in eine 2. schieben kann und auch wieder zurück.

Das geht auch schon, allerdings möchte ich das ganze jetzt noch etwas erweitern. Ich habe mehrere Arrays Name, Vorname, Straße, usw.

Jetzt soll man in der 1. Auswahlliste die Arrays aussuchen können, die man in der 2. Auswahlliste haben möchte.
Sind dann die gewünschte Elemente gewählt, soll man durch klicken auf nen Button sich eine HTML Tabelle generieren lassen.
Ist dies Möglich?

Über ein bissel Hilfe würde ich mich freuen! Danke!

Hier mal mein bisheriger Code:

<script type="text/javascript" language="JavaScript">
<!--
function copyMarkedValue(selNr) {

//PFADE BESTIMMEN
 if(selNr==1)
 {
  From = "opt1";
  FromRoot = document.getElementById('opt1');
  To = "opt2";
  ToRoot = document.getElementById('opt2');
 } else {
  From = "opt2";
  FromRoot = document.getElementById('opt2');
  To = "opt1";
  ToRoot = document.getElementById('opt1');
 }

//DATEN DER SELEKTIEKTION
  selValue = FromRoot.value;
  selIndex = FromRoot.selectedIndex;

//WERT AUS 'FROM' LÖSCHEN
  FromRoot.remove(selIndex);
  FromRoot.selectedIndex = 0;

//WERT ZU 'TO' HINZUFÜGEN
 ToRoot.options[ToRoot.length] = new Option(selValue,selValue,true);
}

//-->
</script>

<table align="center" border="1">
<tr>
<td>
   <b>Dynamische Liste erstellen!</b>
</td>
</tr>
<tr>
<td>

x)
<select name="opt1" id="opt1" size="10">
 <option value="Anrede">Anrede</option>
 <option value="Name">Name</option>
 <option value="Vorname">Vorname</option>
</select>

y)
<select name="opt2" id="opt2" size="10">

</select><p>

<input type="button" value="x => y" onClick="copyMarkedValue(1)">
<input type="button" value="x <= y" onClick="copyMarkedValue(2)">

</td>
</tr>

<tr>
<td>
<input type="button" value="HTML">
</td>
</tr>

</table>

<p>Test-Ausgabe aus den Arrays:</p>

<table border="1">
<tr>

<script type="text/javascript" language="JavaScript">

var textArray = ""
for(var i = 0; i < Zaehler.length;i++) textArray += '<tr><td>' + Anrede[i] + '</td>' + '<td>' + Name[i] + '</td></tr>';
 document.write(textArray)

</script>

<tr>
</table>