如何使用PHP添加动态文本框（行）并保存到数据库_Php_Javascript_Mysql

如何使用PHP添加动态文本框（行）并保存到数据库

php javascript mysql

如何使用PHP添加动态文本框（行）并保存到数据库,php,javascript,mysql,Php,Javascript,Mysql,我这里有添加动态文本框（row）的Javascript代码。我的问题是如何使用PHP脚本将动态文本框中的值保存到数据库？希望你们能帮我。。谢谢 <script type="text/JavaScript"> function addRow(r){ var root = r.parentNode;//the root var allRows = root.getElementsByTagName('tr');//the rows' collection var

我这里有添加动态文本框（row）的Javascript代码。我的问题是如何使用PHP脚本将动态文本框中的值保存到数据库？希望你们能帮我。。谢谢

<script type="text/JavaScript"> 
  function addRow(r){ 
  var root = r.parentNode;//the root 
  var allRows = root.getElementsByTagName('tr');//the rows' collection 
  var cRow = allRows[0].cloneNode(true)//the clone of the 1st row 
  var cInp = cRow.getElementsByTagName('input');//the inputs' collection of the 1st row 
  for(var i=0;i<cInp.length;i++){//changes the inputs' names (indexes the names) 
  cInp[i].setAttribute('name',cInp[i].getAttribute('name')+'_'+(allRows.length+1)) 
  } 
  root.appendChild(cRow);
  } 
  function shownames(){ 
  var allInp=document.getElementsByTagName('input'); 
  for(var i=0;i<allInp.length;i++){ 
  alert(allInp[i].name) 
  } 
  } 
  </script>


函数addRow（r）{
var root=r.parentNode；//根
var allRows=root.getElementsByTagName（'tr'）；//行集合
var cRow=allRows[0]。cloneNode（true）//第一行的克隆
var cInp=cRow.getElementsByTagName（'input'）；//第一行的inputs'集合
对于（var i=0；i，您必须只使用由动态添加的文本框的名称
 $('form').submit(function() {
 var data=($(this).serialize());
 return false;
 });

该函数获取所有元素的值并创建一个字符串，该字符串存储在数据中，现在数据将通过ajax调用传递
$('form').submit(function() {
 var data=($(this).serialize());
      $.ajax({
      type: "POST",
      url: "your_some.php",
      data: data,
      }).done(function( msg ) {
      alert( "Data Saved: " + msg );
     });
}); 


动态形式
函数changeIt（）
{
//警报（一）；
//var i=1；
my_div.innerHTML=my_div.innerHTML+“
谢谢您的回复。在您的代码中，我只能添加一个文本框。但我需要在一行中添加三个文本框。我将如何做到这一点？请帮助我。谢谢。I
不应该是全局变量（用于函数changeIt（））是的，我的错，它需要是全局的。@user1831375，我已经编辑了代码，尝试使用编辑过的一个它将一次添加三个文本框！感谢Anshul Gupta的精彩代码，它工作得非常好！再次问一个问题。。我不知道如何调用它的值来使用PHP保存在mysql中。我应该从三个动态文本框中获取三个值。我得到了我这里的代码似乎不起作用。对不起，我是PHP新手。这是我的PHP代码：'
$('form').submit(function() {
 var data=($(this).serialize());
      $.ajax({
      type: "POST",
      url: "your_some.php",
      data: data,
      }).done(function( msg ) {
      alert( "Data Saved: " + msg );
     });
}); 

<html>
<head>
<title>Dynamic Form</title>
<script language="javascript">
<?php $i = 1; ?>
function changeIt()
{
    //alert(i);
    //var i = 1;

my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext[<?php echo $i;?>]'><input type='text' name='mytext[<?php echo $i+1;?>]'><input type='text' name='mytext[<?php echo $i+2;?>]'><br>";
<?php $i = $i+3; ?>
}
</script>
</head>
<body>

<form name="form" action="http://localhost/try.php" method="post">
<!--<input type="text" name=t1>-->
<input type="button" value="test" onClick="changeIt()">
<div id="my_div"></div>
<p class="submit"><button type="submit">Register</button></p>       
</body>

<?php
    $var = $_POST['mytext'];
    echo $var[1].$var[2];
     ?>