如何将JavaScript变量添加到表单操作

Question

如何将JavaScript变量添加到表单操作

3

我需要在操作表单的链接中添加一个JavaScript变量。这是否可能？

JavaScript函数：

<script>
    function parameter()
    {
        function getUrlVars() {
            var vars = {};
            var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
                vars[key] = value;
            });
            return vars;
        }
        var vpid = getUrlVars()["pid"];
    }
    //var link = "second_02.html" + pid.toString();
</script>

在我的表单中，我需要将变量'link'添加到表单操作中，如下所示：

<form action='second_02.html + ?pid=vpid&' id="sky-form" class="sky-form">

- Lanshore

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ManoDestra · Accepted Answer

你需要通过JavaScript以编程方式完成这项任务。

在这行代码之后...

var vpid = getUrlVars()["pid"];

添加这个...

document.getElementById('sky-form').action = 'second_02.html?pid=' + vpid;

考虑到vpid内容的性质，您可以在窗口的加载事件中实现它。

备选方法1

这是另一种实现您所需功能的方法，但需要您使用计算出的参数设置新位置。您可以修改尝试从文本框获取文本的行，以添加到您的URL中所需的任何内容。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script>
            function validateForm() {
                //alert('Validating form...');
                var text = document.getElementById('txtValue').value;
                text = escape(text);
                location.href = 'test.html?param=' + text;
                return false;
            }
        </script>
    </head>
    <body>
        <form id="frmTest" method="get" action="" onsubmit="return validateForm();">
            <input id="txtValue" type="text" value="foobar">
            <input id="btnSubmit" type="submit" value="Submit">
        </form>
    </body>
</html>

备选方法2

这种方法允许您继续使用GET方法的表单，但您需要设置一个隐藏字段的值，该值将在提交期间附加到查询字符串中的URL中。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script>
            function validateForm() {
                //alert('Validating form...');
                document.getElementById('hidTest').value = 'some calculated value';
                return true;
            }
        </script>
    </head>
    <body>
        <form id="frmTest" method="get" action="" onsubmit="return validateForm();">
            <input id="txtValue" type="text" value="foobar">
            <input id="btnSubmit" type="submit" value="Submit">
            <input name="hidTest" id="hidTest" type="hidden" value="testIt">
        </form>
    </body>
</html>