html 同一个 form 能提交给不同的地址吗

Posted 2023-05-01

可以

<form id="form" method="post">
    <input type="text" name="id" />
    <button id="btn1" onclick="submit1()">提交1</button>
    <button id="btn1" onclick="submit2()">提交2</button>
</form>
<script>
//方法一
function submit1()
    document.getElementById("form").action = "test1.html";
    document.getElementById("form").submit();

function submit2()
    document.getElementById("form").action = "test2.html";
    document.getElementById("form").submit();


//方法二  基于JQuery
$("#btn1").click(function()
    $("#form").attr("action","test1.html");
    $("#form").submit();
)
$("#btn2").click(function()
    $("#form").attr("action","test2.html");
    $("#form").submit();
)


</script>

参考技术A 一般只能是提交给一个地址的，但是可以痛过javascript的ajax提交给多个地址也是可以的，但是一般不这么做 参考技术B 当然可以，通过ajax异步提交

html一个Form两个提交按钮分别实现不同提交页面的功能,点击按钮没反应的问题？

<script language=javascript>
function edit()
document.form1.action = "action.asp?mode=edit"
document.form1.submit()

function del()
document.form1.action = "action.asp?mode=del"
document.form1.submit()

</script>
...
<form name="form1" method="post">
...
<input value="修改" type="button" onClick=edit() />
<input value="删除" type="button" onClick=del() />
</form>
我这代码哪里有问题吗?为什么我点击按钮没有任何反应?

就你所列出的代码来看是没有问题的，错误应该是由其他地方造成的。你可以按F12在控制台中看看是什么问题造成的。追问

别的地方应该没有问题,应为我不用JavaScript,直接一个按钮提交是没有问题的

追答

那就不知道了，反正我用你的代码测试是没问题的。

参考技术A 这边测试可以正常跳转到对应地址，建议您换个浏览器测试。 参考技术B 你干嘛要两个两个方法啊，一个方法就行了啊，修改就传edit给到方法，删除就传del不就行了吗