How do I pass variables (to the same page) using a custom javascript submit button?

[Serpent330]

I simply wish to pass variables (to the same page) using a custom javascript submit button.

I've broken down my code to the basics. This is what I am working with.

<form method="GET" action="form.html" name="form">

Name: <input name="yourname" type="text" value="">

<input name="Submit" type="submit" value="Submit">

<a href="form.html" onclick="javascript:document.form.submit();">Submit</a>

</form>

I can see (with use of the GET method) that the variables pass with the regular "input" button but not with the javascript button.

Can someone explain why the values fail to pass with the custom button and offer me an alternative method or a fix?

Thank You,

Serpent330

[cmm]

You are getting the methods of using javascript in a link mixed up.

Try this:

<a href="javascript:document.form.submit();">Submit</a>

or this:

<span onclick="document.form.submit();">Submit</span>

I'm also not sure about the way you reference the form element. It might work the way it is, but if not try giving the form an id (like id="Form1") and using onclick="document.getElementById('Form1').submit();"

[surlaw]

if your going to click on the <input name="Submit" type="submit" value="Submit"> button your variable will pass on your form.html just fine. However if your going to use a hyperlink you have to identify the variable that you would like to pass on. And it doesnt matter if your button is javascript or not.

<a href="form.html?var=yourname" onclick="javascript:document.form.submit();">Submit</a>