php jquery 动态添加元素

来源：互联网发布：印刷照片淘宝编辑：程序博客网时间：2024/06/11 20:45

问题描述：

在一个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语句就看你使用的框架及数据库了。

0 0