add input textbox between field in a form

[perhapscwk]

My code below, I can add and remove textbox, however, it can add/remove the
last one only.

How I can add a input textbox between field?

thanks.

my html file

<script type="text/javascript" src="addHTMLControls.js"></script>
<a href="javascript:addInput()">Add more input field(s)</a><br>
<a href="javascript:deleteInput()">Remove field(s)</a>

my .js file

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)' value='"+ value +"'><br>";
}
 
function deleteInput() {
  if (arrInput.length > 0) { 
     arrInput.pop(); 
     arrInputValue.pop();
  }
  display(); 
}

[RamananKalirajan]

Hi, it seems to be u are maintaining a stack inorder to add or remove the input text field in the form. Can u please explain what u are trying to do. Do You want to add the field randomly inside the form

Regards
Ramanan Kalirajan

[acoder]

My code below, I can add and remove textbox, however, it can add/remove the
last one only.

How I can add a input textbox between field?

The code is horribly inefficient in that it recreates everything again. Surely, it'd be better to only add/delete what you need. It would, however, require more or less a complete rewrite. Are you prepared to do that?

The main problems are the push/pop - they only affect the last array item. You need to use the index of the array to affect other items or use splice() to add items.