Hej.
http://javascript.internet.com/forms/adding-html-controls.htmlDen skulle gerne hjælpe dig på vej.
Når brugeren så indtaster data i det første input felt aktivere du "Add more input field(s)" ved at gøre sådan:
<input type="text" onchange="javascript: addInput();" />
Jeg håber det hjalp
Og et eksempel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var arrInput = new Array(0);
var arrInputValue = new Array(0);
function addInput() {
arrInput.push(arrInput.length);
arrInputValue.push("");
display();
}
function display() {
document.getElementById('parah').innerHTML="";
for (intI=0;intI<arrInput.length;intI++) {
document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
}
}
function saveValue(intId,strValue) {
arrInputValue[intId]=strValue;
}
function createInput(id,value) {
return "<input type='text' id='test "+ id +"' onChange='javascript:saveValue("+ id +",this.value); addInput()' value='"+ value +"'><br>";
}
function deleteInput() {
if (arrInput.length > 0) {
arrInput.pop();
arrInputValue.pop();
}
display();
}
</script>
</head>
<body>
<form>
<input type="text" onchange="addInput()" />
<p id="parah" style="margin: 0; padding: 0;"></p>
</form>
</body>
</html>se test her:
http://test.dumpen.dk/Untitled-1.html
Indlæg senest redigeret d. 21.05.2008 16:29 af Bruger #11386