gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 08:31:14 25 4
gpt4 key购买 nike

我需要将 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>

在我的表单中,我需要将变量“链接”添加到表单操作中,如下所示:

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

最佳答案

您需要通过 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>

关于javascript - 如何将 JavaScript 变量添加到表单操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37754088/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com