通过document.getElementById(“submit”)获取到submit对象obj。
通过obj获取到form中的action属性并设置属性值:obj.form.action=“src”
下面我们来实现一个简单的需求。我们建立一个form表单,当点击提交时,进行选择是否确定或取消提交。当点击确定是,提交到指定的页面;当点击“取消”时,不进行提交。
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
window.onload = function () {
var submit = document.getElementById("put")
submit.onclick = function () {
if (confirm("确认是否提交?")) { //当确定时,执行下面的代码
submit.form.action = "./target.html" //submit.form.action 获取当前表单的action
// 或 this.form.action="./target.html"
}
}
}
</script>
</head>
<body>
<form action="" method="GET">
xxx:<input type="text">
xxx:<input type="text">
xxx:<input type="text">
xxx:<input type="text">
<input type="submit" value="提交" id="put">
</form>
</body>
</html>
结果:
点击“提交”时
点击“取消”时
点击“确认”时