如何將變量從按鈕的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（）

表單action =“ index.php” method =“ post” name =“ my_form_name ”

輸入type =“ button” value =“跳過” 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（）

表單action =“ index.php” method =“ post” name =“ my_form_name ”

輸入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();
}

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