Leaila: Mit "more"-Button ein vorhandenes Dropdownfeld kopieren

Beitrag lesen

Hallo,

folgendes Problem:
Ich habe eine Seite mit einem DropDown-Menu und darunter einen Button "more".
Beim Klick auf "more" soll ein neues Dropdown-menu unter das erste plaziert werden. Beim weiteren Klick, dann das naechste usw.

Das gleiche habe ich schon mit inputfeldern gemacht aber bei dropdownfeldern stehe ich irgendwie aufm schlauch.

jemand ideen?

Mit Javascript kenne ich mich leider nicht so gut aus.

Hier das Beispiel mit den inputFeldern:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">
<!--
var i = 1;

function NeuesFeld()
{
 var row = document.getElementById('formtable').insertRow(i);
 var cell_1 = row.insertCell(0);
 var cell_2 = row.insertCell(1);

var text = document.createTextNode('Link ' + (i + 1));
 cell_1.appendChild(text);

var input = document.createElement('input');
 input.type = 'text';
 input.name = 'link[]';
 input.size = 60;
 input.maxlength = 150;

cell_2.appendChild(input);

i++;
}
//-->
</script>

</head>
<body>

<form name="posting" action="save.php" method="post">
 <table id="formtable" border="1" cellspacing="0" cellpadding="0" width="100%">
  <tr>
   <td>Link 1</td>
   <td><input name="link[]" type="text" size="60" maxlength="150" /></td>
  </tr>
  <tr>
   <td colspan="2"><input type="button" onclick="NeuesFeld();" value="Feld hinzufügen" /></td>
  </tr>
 </table>
</form>

</body>
</html>