Добавяне на ред (input)

D

DjBS

Registered
Здравейте, търсих в уроците такава система ама не намерих.
Сигурен съм че имаше такава ама немога да я намеря.
Става на въпрос за такава системка дето е най-често срещана при пощите за добавяне на файлове към писмото. Има един input и при цъкане на определен бутон се добавят още такива редове.

Помагайте :(
 
Код: 
<!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='file' id='test "+ id +"' onChange='javascript:saveValue("+ id +",this.value)' value='"+ value +"'><br>";
}

function deleteInput() {
  if (arrInput.length > 0) { 
     arrInput.pop(); 
     arrInputValue.pop();
  }
  display(); 
}

</script>
</head>

<body>
<p id="parah">Добавете автомартично полета за избор</p>

<a href="javascript:addInput()">Добави още полета)</a><br>
<a href="javascript:deleteInput()">Премахни полета</a>
</body>
</html>
 
Благодаря много :) Ще видя дали ид-тата ще са различни и ще пробвам да запазя информацията от старите полета при добавянето на нов. Ако не успея ще те питам на ЛС за хелп :)
 
DjBS каза:
Благодаря много :) Ще видя дали ид-тата ще са различни и ще пробвам да запазя информацията от старите полета при добавянето на нов. Ако не успея ще те питам на ЛС за хелп :)
Увеличете...
ид-тата няма начин да не са различни... ид е уникално за всеки елемент
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе