Question

php中 jquery如何获取js动态添加的文本框数组值，并插入mysql数据库?

前台部分代码：
<form method="post" id="dform" target="send" action="test.php" onsubmit="return check();">
<table cellpadding="4" cellspacing="0" class="tb">
<tbody>
<tr>
<td colspan="2">
<ul class="batbox batboxt">
<li class="bc">型号*</li>
<li class="bc1">单价</li>
<li class="bc2">品质</li>

<li class="bc">说明</li>
</ul>
<ul class="batbox" id="batsrc">
<li class="bc"><input type="text" name="info[type][]" /></li>
<li class="bc1"><input type="text" name="info[price][]" /></li>
<li class="bc2"><select name="info[quality][]"><option value="原装">原装</option><option value="二手">翻新</option><option value="其它">其它</option></select></li>

<li class="bc"><input type="text" name="info[remark][]" /></li>
<li class="bc3"><a href="javascript:;" onclick="add_row()"><img src="image/add_bg.gif"></a></li>
</ul>
<div id="dybox"></div>
</td>
</tr>
<tr>
<td class="tl"></td>
<td class="tr"><input type="submit" name="submit" value=" 提 交 " class="btn"/>
</td>

</tr>
</tbody>
</table>
</form>
……
请问：后台的test.php 页面中如何循环接收post过来的值，并插入mysql数据库？请用jquery 实现
效果图：

JS代码：
var db = $('#dybox');
function add_row() {
var ht = $('#batsrc').html().replace(/<a([\s\S]*)?\/a>/i, '<a href="javascript:;" onclick="remove_row(this)"><img src="image/red_bg.gif"></a>');
db.append('<ul class="batbox">' + ht + '</ul>');
}

Answer 1

建2个页面
1、test.php页面，代码如下：
<title></title>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
x=100000;
y=1;
$("#dosubmit").click(function(){
var rand=parseInt(Math.random()* (x - y ));
var rand1=String.fromCharCode(Math.floor( Math.random() * 26) + "a".charCodeAt(0));
var col="<input name=info["+rand1+rand+"] type='text' class='text' value='"+rand+"' />";
$("input[id=submit]").before(col);
})
$("#submit").click(function(){
$("form input[class=text]").each(function(){
var val=$(this).val();
})
})
})
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="con">
<form name="form1" action="testsave.php" method="post">
<input name="info[name]" class="text" value="10" type="text">
<input name="" class="text1" value="显示" id="submit" type="submit">
</form>
<input name="" class="text1" value="增加" id="dosubmit" type="submit"><br>
</div>

2、保存提交过来的值页面testsave.php页面。代码如下：
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<?php
$value="";
$test='test';
$conn=mysql_connect('localhost','root','0000','test');
mysql_select_db($test,$conn);
foreach($_POST['info'] as $key){
$value=$value.','.$key;
}
$sql="insert into base (name) values ('$value')";
if(mysql_query($sql)){
echo "添加成功<br />";
}
?>
<input type="button" name="button" id="button" value="显示/隐藏内容">
<input type="button" name="domit" id="domit" value="返回">
<div class="content" style="display:none">
<?php
$sql1="select id,name from base";
$query=mysql_query($sql1);
while($result=mysql_fetch_array($query)){
echo $result['id']."========>".$result['name']."<br />";
}
?>
</div>
<?php
mysql_close($conn);
?>
<script type="text/javascript">
$(function(){
$("#button").bind("click",function(){
var show=$("div.content");
if(show.is(":visible")){
show.hide();
}
else{
show.show();
}
})
$("#domit").click(function(){
window.history.go(-1);
})
})
</script>

Answer 2

后台的test.php 页面是要操作服务器的，你需要使用php脚本来完成获取请求的数据，并插入数据到数据库，服务器端脚本不需要循环接收post数据，前台页面每一次请求到test.php，这个脚本都会运行一次，在这次执行中处理接收到的数据就行。

jquery是前台javascript脚本语言，是不能操作服务器的；你可以使用ajax或者js方式提交form来向服务器发送请求。

追问

谢谢，test.php 该如何写才对？能否给些提示，或给出关键代码

追答

你前台提交的每个form元素都应该有自己的name，就算是动态添加的form元素也应该生成他独立的name，这样，提交到后台的请求中就会包含所有的form参数。

追问

前台的name名称是一样的啊，比如：

后台怎么接收？

追答

前台设置为数组模式，后台接收到的就是数组。

Answer 3

利用表单的失去焦点事件blur ,获取input.val(),进行ajax异步请求.将获取到的val值,在文本框失去焦点的时候,传至服务器,插入数据库

Answer 4

你这个说的不清楚，js动态添加是恩么添加的呢 ？