怎么动态的新增多个表单,提交时一并提交到后台,然后存入数据库

怎么动态的新增多个表单,提交时一并提交到后台,然后存入数据库

怎么动态的新增多个表单,提交时一并提交到后台,然后存入数据库

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好!

你是想批量添加吗?如果是可参考以下思路:

你可以在老师原来的基础上做以下修改

  1. 给input设置name

    http://img1.sycdn.imooc.com//climg/5e6e0aaa096a322010290688.jpg

  2. 添加提交按钮,以及action

    http://img1.sycdn.imooc.com//climg/5e6e0aca098614cb11560396.jpg

  3. 在后台通过request.getParameterValues()来获取,比如:

    http://img1.sycdn.imooc.com//climg/5e6e0b2d09bb9f8416530536.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

好帮手慕阿莹 2020-03-14 19:31:37

同学你好

这个需要配合js来完成,比如同学可以添加一个按钮,点击按钮触发js的方法。

方法中可以用js添加input标签。例如,老师写了

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-" />
        <title></title>
        <script type="text/javascript">
      
            function bt1() {
         
              
                //创建input元素
                    var inp = document.createElement("input");
                    inp.type = "text";
                    //传入点击按钮的value值到新的按钮(可以自定义)
                    inp.value = "";
                 
                    document.getElementById("div").appendChild(inp);
              
            }
          
        </script>
        <style type="text/css">
            #div {
                width: 200px;
                height: 200px;
              
            }
            #div2 {
                width: 600px;
                height: 50px;
                
            }
            input {
                margin-left: 21px;
                
            }
        </style>
    </head>
    <body>
		<form>
        <div id="div">
			 <input type="text" id="bt1" value="input1" onclick="bt1()" />
		</div>
		
		</form>
        <div id="div2">
            <input type="button" id="bt1" value="添加" onclick="bt1()" />
            
        </div>
		
    </body>
</html>

同学可以根据自己的需求再修改一下

如果我的回答解决了你的问题,请采纳,祝学习愉快.

  • 提问者 VN666 #1
    那提交呢? 怎么把动态创建的input里的值一并提交到后台?
    2020-03-15 14:12:10
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师