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

最新推荐文章于 2020-05-02 22:59:20 发布

nkuhjp

最新推荐文章于 2020-05-02 22:59:20 发布

阅读量368

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/nkuhjp/article/details/53031816

版权

javascript 专栏收录该内容

1 篇文章 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>