javascript - 如何将变量从按钮的 onclick 传递到 javascript 代码？

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()

表单操作=“index.php”方法=“post”名称=“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()

表单操作=“index.php”方法=“post”名称=“my_form_name”

input type="button"value="跳过"onclick="submit_form('my_form_name')"

<小时/>

我对 PHP 很熟悉，但缺乏像样的 JavaScript 知识，所以如果有人能给我指出正确的方向，我会非常高兴!

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

Answer 1

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

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