Question

我有这段代码：

    var changedate  = document.getElementById("date");

    changedate.onchange = submitform;

    function submitform() {
    document.forms["form"].submit();

    }

但是我的表单中有3个提交按钮，我想使用此功能调用ID为“save”的提交按钮。如何，我可以这样做，因为当我更改'date'中的值时，表单会被提交，但不是我手动按下表单底部的“保存”按钮的方式。

Answer 1

您可以使用：

document.getElementById("myForm").submit();

其中myForm是您表单的ID。

Answer 2

尝试添加<input type="hidden" name="submitbutton">。在每个按钮中，在提交之前相应地设置此隐藏字段的值。在更改日期时执行的代码中，将隐藏值设置为您为save按钮设置的方式例如：

<form method="post" action="something.php">
    <input type="submit" value="save" onsubmit="setType('save');return true;"/>
    <input type="submit" value="btn2" onsubmit="setType('btn2');return true;"/>
    <input type="submit" value="btn3" onsubmit="setType('btn3');return true;"/>
    <input type="hidden" id="hdn" value=""/>
</form>

在你的js中，

function setType(msg){document.getElementById('hdn').value=msg;}

当日期改变时，

setType('save');
document.forms["form"].submit();

确保在php / asp文件中正确捕获。

Answer 3

我认为在提交表单后会出现问题：

有一部分：

<?php
if (isset($_POST['save'])) {

// do something 
}
?>

这不会执行，因为我没有点击提交按钮＆＃39; save＆＃39;在表格中。

javascript从功能提交表单

3 个答案: