javascript - 使用 javascript 动态创建文本框并将该文本框值插入到 mysql 中

Question

嗨，我根据输入的数量使用 javascript 动态创建了一些文本框。我想将该文本框值保存到 mysql 数据库。我对 JavaScript 很陌生。提前致谢。

这是我的代码:

    <script>

   function add_col()
   {
   var num_box = document.getElementById("num_text").value;
   if(num_box)
   {
   for(var i=0; i<num_box; i++)
   {


   var tableName1 = document.getElementById("uTable");

   var newTR1 = document.getElementById("tr1");

   var newName1 = document.createElement("TD");

   newName1.innerHTML = "<input type='text'  name='site' id='site' value='cell value'>";

   var newTR2 = document.getElementById("tr2");

   var newPhone1 = document.createElement("TD");

   newPhone1.innerHTML = "<input type='text'  name='cell' id='cell' value='site value'>";


   newTR1.appendChild(newName1);

   newTR2.appendChild(newPhone1);

   tableName1.appendChild(newTR1);
   tableName1.appendChild(newTR2);


    document.form1.reset()



    }

   }

   }
   </script>


    <form name="form1" id="form1" method="post">

        <p>
          <input type="text" name="num_text" id="num_text"/>
          <input type="button" name="Submit" value="INPUT" onclick="add_col();" />
        </p>
        <p>&nbsp;</p>
        <table  id="uTable"width="183" border="0">
          <tr id="tr1">
            <td>Name</td>

          </tr>
          <tr id="tr2">
            <td>Phone</td>

          </tr>

      </table>
        <input type="submit" name="Submit2" value="Insert"  />
    </form>

Answer 1

您可以使用数组作为输入字段。这样你就可以有类似 name='cell[]' 和 name='site[]' 的东西，然后将数组传递到服务器。另外，您可能想研究一下 jquery 来帮助您解决 javascript 问题。只是让它更干净且易于使用 JavaScript。

我也可能会放弃使用 table 。查看定义列表。此链接将有帮助: http://www.maxdesign.com.au/articles/definition/添加或删除元素会更容易。