用javascript实现多表单提交同一信息

谁借莪１个温暖的怀抱￠ 2022-07-15 05:29 136阅读 0赞

昨天碰到一个问题：有多个表单要提交一个相同的信息，而这个信息只需要填写一次就行了。如果在每个表单中都填写一次的话太麻烦而且没必要。于是用javascript实现了这个功能。

<!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>test</title>
        <script>
            function addToInput1(){
         
                document.getElementById("input1").value=document.getElementById("rawInput").value;
            }
            function addToInput2(){
         
                document.getElementById("input2").value=document.getElementById("rawInput").value;
            }
            function addToInput3(){
         
                document.getElementById("input3").value=document.getElementById("rawInput").value;
            }
        </script>
    </head>
    <body>
            <input type="text" id="rawInput"><br><br><br>
            <form action="action1.php" method="post">
                <input type="text" name="input1" id="input1">
                <input type="text" name="other1">
                <input type="submit" value="提交1">
            </form><br><br><br>
            <form action="action2.php" method="post">
                <input type="text" name="input2" id="input2">
                <input type="text" name="other2">
                <input type="submit" value="提交2">
            </form><br><br><br>
            <form action="action3.php" method="post">
                <input type="text" name="input3" id="input3">
                <input type="text" name="other3">
                <input type="submit" value="提交3">
            </form>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

相关【SSH】用表单提交用户信息到数据库完整一条线

目录一、开发环境：二、页面样式效果： 1、 JSP页面： 2、struts.xml 3、对应的java类： 4、applicationContext.xml

Bertha 。/ 2023年07月04日 08:50/ 0 赞/ 33 阅读

相关多表单合并提交

可以使用$(’\form1, \form2’).serialize();方式传递多个表单参考代码： $('form1').submit(function() {

Myth丶恋晨/ 2022年10月25日 01:28/ 0 赞/ 199 阅读

相关 JavaScript实现表单的分向提交

在一般情况下，同一个表单只能被提交给同一个地址。但在实际web应用中，我们希望同一个表单可以根据用户的选择来完成不同的操作，即表单的分向提交。比如说：在一个网站后台用户管理

古城微笑少年丶/ 2022年08月21日 01:28/ 0 赞/ 147 阅读

相关用javascript实现多表单提交同一信息

昨天碰到一个问题：有多个表单要提交一个相同的信息，而这个信息只需要填写一次就行了。如果在每个表单中都填写一次的话太麻烦而且没必要。于是用javascript实现了这个功

谁借莪１个温暖的怀抱￠/ 2022年07月15日 05:29/ 0 赞/ 137 阅读

相关 Servlet(一)--表单提交

web.xml配置 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="

我就是我/ 2022年07月13日 04:48/ 0 赞/ 195 阅读

相关 JavaScript.表单提交方式

表单提交方式 \使用submit提交 <form> ….. <input type=”submit” /> </form> \使用button提交表单

ゝ一纸荒年。/ 2022年06月04日 04:41/ 0 赞/ 253 阅读

相关用Jquery提交表单

java代码 <form id="form1"> 用户名：<input type="text" name="username" />

Myth丶恋晨/ 2022年06月03日 04:49/ 0 赞/ 226 阅读

相关如何通过纯javascript实现表单提交

如何通过纯javascript实现表单提交通常，如果是POST方法，一般使用vuejs+axios，或使用Jquery实现表单提交。有些地方，我想使用纯JS实现，比方简

墨蓝/ 2022年06月02日 06:56/ 0 赞/ 406 阅读

相关 Javascript实现表单的验证与提交

Javascript实现表单的验证与提交 ![实现以上图片中简单的向后台提交留言信息][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

ゝ一纸荒年。/ 2021年10月23日 12:26/ 0 赞/ 416 阅读

相关 Javascript提交form表单

1.使用<a>标签提交表单 <form action="1.html" method="post" id="form"> <input type="text

淩亂°似流年/ 2021年06月24日 14:37/ 0 赞/ 749 阅读