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

来源:3-3 综合训练-实现新增员工功能

VN666

2020-03-14 14:58:23

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

写回答

2回答

好帮手慕柯南

2020-03-15

同学你好!

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

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

  1. 给input设置name

    http://img.mukewang.com/climg/5e6e0aaa096a322010290688.jpg

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

    http://img.mukewang.com/climg/5e6e0aca098614cb11560396.jpg

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

    http://img.mukewang.com/climg/5e6e0b2d09bb9f8416530536.jpg

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

0

好帮手慕阿莹

2020-03-14

同学你好

这个需要配合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>

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

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

0
hN666
h 那提交呢? 怎么把动态创建的input里的值一并提交到后台?
h020-03-15
共1条回复

0 学习 · 9666 问题

查看课程