php jquery 动态添加元素

最新推荐文章于 2022-08-10 10:45:19 发布

RedBloodyBody

最新推荐文章于 2022-08-10 10:45:19 发布

阅读量785

点赞数

分类专栏： THINKPHP学习文章标签： PHP jquery

本文链接：https://blog.csdn.net/redbloodbody/article/details/41079733

版权

THINKPHP学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

问题描述：

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