Question

此代码有效：

<script type="text/javascript">
function submit_form()
{
    if(confirm('My message here.'))
    {
        document.my_form_name.submit();
    }
}
</script>

<form action="index.php" method="post" name="my_form_name">

<input type="button" value="Skip" onclick="submit_form()">
<input name="submit" type="submit" value="Save and continue">

</form>

亮点：

功能submit_form（）

文档。的 my_form_name .submit（）

form action =“index.php”method =“post”name =“ my_form_name ”

input type =“button”value =“Skip” onclick =“submit_form（）”

这不起作用（但我希望如此）：

<script type="text/javascript">
function submit_form(variable)
{
    if(confirm('My message here.'))
    {
        document.variable.submit();
    }
}
</script>

<form action="index.php" method="post" name="my_form_name">

<input type="button" value="Skip" onclick="submit_form('my_form_name')">
<input name="submit" type="submit" value="Save and continue">

</form>

亮点：

功能submit_form（变量）

文档。的可变 .submit（）

form action =“index.php”method =“post”name =“ my_form_name ”

input type =“button”value =“Skip” onclick =“submit_form（'my_form_name'）”

我对PHP很好，但缺乏良好的JavaScript知识，所以如果有人能指出我正确的方向，我会非常高兴！

为什么我需要2个按钮？好吧，我想在继续按钮的左边显示跳过按钮（HTML流程中的第一个）但我不希望它是默认操作，如果通过按Enter键提交表单，因此我让skip-button成为“只是”一个按钮（由JavaScript控制提交），只有“继续”按钮才能成为“真正的”提交按钮......

Answer 1

当您使用document.variable时，它会查找名为variable的内容。如果您希望它查找变量的值（'my_form_name'），请使用document[variable]：

if(confirm('My message here.'))
{
    document[variable].submit();
}

Answer 2

@Blex提供了正确的答案。即使我不是内联JS的粉丝，以下内容可以节省一些打字并提高代码的可读性：

HTML：

 <input type="button" value="Skip" onclick="submit_form(this)">
 <!-- use this instead of 'my_form_name' -->

JS：

 variable.form.submit(); //instead of document[variable].submit();

如何将按钮的onclick中的变量传递给javascript代码？

2 个答案: