问题描述:
在一个form表单里,点击添加按往form表单插入新html元素。
html页面代码:
<html>
<script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var row=1; //用来标识当前行数
$("#add").click(function(){//var line =""; 双引号内不能换行
var line="<table ><td><tr>选项"+row+"</tr><tr><input name= 'option["+row+"]' type='text' /></tr></td><td><tr>头像</tr><tr><input name='thumb["+row+"]' type='text' /></tr></td><td><tr>性别</tr><tr><input name='sex["+row+"]' type='text' /></tr></td><td ><tr>学院</tr><tr><input name='school["+row+"]' type='text' /></tr></td></table>";
$("ul").append(line);
$("#row").val(row);//将当前行数value添加到form表单中的隐藏域,随form 一起提交
row=row+1;
});
});
</script>
<body >
<form name="vote" method="post" action="__URL__/add_vote" >
<lable><h1>投票名称 <input name="votename" type="text" /></h1> </lable>
<div>
<ul><!-- 添加隐藏域用来来接收当前行数 -->
<input id="row" name="row" type="hidden" vaule=""/>
</ul>
</div>
<div>
<input id="add" type="button" value="增加一行" /></tr>
<input id="" type="submit" value="提交" /></tr>
</div>
</form>
</body>
</html>
这样子就可以在后台接收数据
public function add_vote(){
var_dump($_POST);
$rowNub = $_POST['row'];
$thumbs=$_POST['thumb'];
$sexes=$_POST['sex'];
$schools=$_POST['school'];
$options=$_POST['option'] ;
}
之后组装sql语句就看你使用的框架及数据库了。