点击提交按钮带参跳转页面
时间: 2023-08-14 08:33:25 浏览: 48
点击提交按钮并带参跳转页面,通常需要使用表单(form)和JavaScript来实现。以下是一个简单的示例:
HTML代码:
```
<form id="myForm" action="targetPage.html" method="GET">
<input type="text" name="username" value="">
<input type="text" name="email" value="">
<button type="submit" onclick="submitForm()">Submit</button>
</form>
```
JavaScript代码:
```
function submitForm() {
var form = document.getElementById("myForm");
var username = form.elements["username"].value;
var email = form.elements["email"].value;
form.action = "targetPage.html?username=" + username + "&email=" + email;
form.submit();
}
```
在这个示例中,当用户点击提交按钮时,会调用submitForm()函数。该函数会获取表单中的username和email值,并将它们作为参数添加到表单的action属性中。最后,表单会提交到targetPage.html页面,并在URL中带上参数。在targetPage.html页面中,您可以使用JavaScript或服务器端代码来获取这些参数并进行处理。