How can I pass variable from the onclick of a button to the javascript code?

Question

This code works:

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

HIGHLIGHTS:

function submit_form()

document.my_form_name.submit()

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

input type="button" value="Skip" onclick="submit_form()"

This does not work (but I want it to):

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

HIGHLIGHTS:

function submit_form(variable)

document.variable.submit()

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

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

I'm quite ok with PHP but lack decent JavaScript knowledge so if someone could point me in the right direction I'd be very happy!

And why do I need 2 buttons? Well, I want to display the skip-button to the left of the continue-button (first in HTML flow) but I do not want it to be default action if form is submitted by pressing enter key, therefore I let skip-button be "just" a button (controlled by JavaScript for submitting) and only the continue-button to be a "real" submit-button...

blex · Accepted Answer · 2015-03-06 19:05:03Z

2

When you are using document.variable, it looks for something named variable. If you want it to look for the variable's value ('my_form_name'), use document[variable]:

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

edited Mar 6, 2015 at 19:05

answered Mar 6, 2015 at 18:54

blex

25.7k6 gold badges48 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PeterKA · Accepted Answer · 2015-03-06 19:52:52Z

1

@Blex has provided the right answer. Even though I am not a fan of inline JS, the following can save some typing and improve readability of your code:

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

answered Mar 6, 2015 at 19:52

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Collectives™ on Stack Overflow

How can I pass variable from the onclick of a button to the javascript code?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related