Динамически добавленное поле в javascript и сохранение данных в mysql

Iam имеет небольшие проблемы с моей динамической формой в javascript. когда я нажимаю кнопку «Добавить поставщика», два поля формы добавляются автоматически. Я могу добавить, сколько полей мне хотелось. Но когда я нажимаю кнопку «Добавить поставщика», ранее добавленные значения формы уходят. Какая ошибка я делаю?Динамически добавленное поле в javascript и сохранение данных в mysql

<html> 
<head> 
    <script type="text/javascript"> 
     function addTextArea(){ 
      var div = document.getElementById('div_quotes'); 
      div.innerHTML += "<input type='text' name='sup_name[]' />"; 
      div.innerHTML += "<input type='text' name='sup_email[]' />"; 
      div.innerHTML += "\n<br />"; 
     } 
    </script> 
</head> 
<body> 
<form method="post" action="ajax.php?tender_id=<?php echo $tender_id ?>"> 
<div id="div_quotes"></div> 
<input type="button" value="Add Supplers" onClick="addTextArea();"> 
<input type="submit" name="submitted"> 
</form> 
</body> 
</html>

источник

2015-10-26 Sujith Nair

Использование appendChild() вместо innerHTML, что позволит предотвратить существующие элементы формы из перезаписываются.

function addTextArea(){ 
     var div = document.getElementById('div_quotes'); 
     var temp = document.createElement('div'); 
     temp.innerHTML ="<input type='text' name='sup_name[]' /><input type='text' name='sup_email[]' /><br />"; 
     div.appendChild(temp); 
    }

источник

2015-10-26 11:03:08

Не работает. Когда я нажимаю кнопку «Добавить поставщика», ее не запускают ничего ...? –

wait theres ошибка! –

i will.Thank you –

Динамически добавленное поле в javascript и сохранение данных в mysql

ответ

Смежные вопросы