在表单中追加新元素并将其在PHP中发布并将其保存在数据库中

时间:2012-02-21 10:11:15

标签: php javascript jquery mysql

基本上我要做的是在表单中动态地附加元素并使用PHP将它们的值保存到MySQL到目前为止我已经开始添加但我不知道如何发布它们的值..这是什么我到目前为止已经完成了:

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js" ></script>
<script> 
 $('document').ready(function(){ 


 $('#save').live('click',function(e){ 
   /*
   this should be the function that gets and post all elements in php 
   */  
   //maybe the use of $.post or .load() or ajax

}); 

$('#add').click(function(){
$("<br><input type='text' class='do'name='do'>").appendTo('form');

});

}); 

 </script></head>
<body>
<form> //this was the form that im appending
<input type='text' class='do' name="do"><br> 
<input type='text' class='do' name="do"><br> 
<input type='text' class='do' name="do"><br> 

</form>

<input type='button' id='add' value='[+]'>
<input type='button' id='save' value='go2'><br>


<div id='res'></div>

</body>
</html>

我希望使用php保存数据库中的所有值,所以这里只是php

<?php
//
mysql_query("INSERT <blablabla HERE>");

?>

请帮我解决这个问题......谢谢..

5 个答案:

答案 0 :(得分:1)

我认为一段简单的代码可以为您解答:

HTML:

<form method="post">
    <input type="submit" id="btn_submit">
</form>

JQuery的:

$("#btn_submit").mousedown(function() {
    $("form").append("<input name='foo' value='bar'>");
});

PHP:

$myValue = $_POST["foo"];

mysql_query("insert into myTable (foo), ($myValue)");

答案 1 :(得分:0)

在每次添加单击时,您需要对页面进行ajax调用,其中(ajax-called页面)将执行mysql-insert。

考虑使用Jquery.ajax

答案 2 :(得分:0)

不是在将信息保存到数据库时尝试附加表单,为什么不从数据库中提取列表(保存所有重要值),然后在“追加”之后使用AJAX重新加载,这将以编程方式添加数据库末尾的值。瞧!问题解决了。

答案 3 :(得分:0)

请参阅jquery表单插件。http://jquery.malsup.com/form/

这里使用ajax提交的表单,所以它不会刷新表单,你也会得到所有的值,就像php那样发布

答案 4 :(得分:0)

将表单文本框的名称'执行'更改为执行[]

 $('#save').live('click',function(e){ 
   /*
   this should be the function that gets and post all elements in php 
   */  
   //maybe the use of $.post or .load() or ajax

}); 

$('#add').click(function(){
$("<br><input type='text' class='do' name='do[]'>").appendTo('form');

});



<form> //this was the form that im appending
**<input type='text' class='do' name="do[]"><br> 
<input type='text' class='do' name="do[]"><br> 
<input type='text' class='do' name="do[]"><br>** 

</form>

<input type='button' id='add' value='[+]'>
<input type='button' id='save' value='go2'><br>