using JavaScript for form submit

Hi,

Im trying to create a form with two hyperlinks, which when clicked submit the page and pass different values to the page.

so far i have:

<form name="change_record" action="record_update.php" method="post" autocomplete="off">

<a name="edit" href="javascript:document.change_record.submit();">Edit</a>
<a name="delete" href="javascript:document.change_record.submit();">Delete</a>
</form>

As u can see, the posting to page is a php page. In that page i then want to be able to test which link was selected by using the post variables. eg

if(isset($HTTP_POST_VARS['delete'])) { //delete record }

However this doesn't work, as no post variable is recognised called delete. If i use a submit button instead however it works perfectly. eg

<input type="submit" name="delete" value="Delete"/>

Any ideas how i can get the hyperlinks to pass thier names as post variables, or a way i can detect which has been selected in php.

Thanks

ok. Well in that case you could try the onClick event instead. That could call a function which creates a hidden element with the appropriate value, and then submits the form.

<form name="change_record" action="record_update.php" method="post" autocomplete="off">

<a name="edit" href="javascript:void(1);" onClick="submitForm('Edit');">Edit</a>

<a name="delete" href="javascript:void(1);" onClick="submitForm('Delete');">Delete</a>

function submitForm(action){
document.all.change_record.innerHTML = document.record.innerHTML + "<input type=hidden name=submit value='" + action +"'>";
document.change_record.submit();
}


Then you can just check so see which link was used to submit the form:




hope that helps
-Adam

I use the same kinda method


btw - i noticed you have a space in the word "javascript" in your links. That may break things.

Thanks both, your methods work perfectly. Problem solved!

well, i know it's a very old post but anyway i have this problem and i just want to say that if you modify your form object by adding a new property to it it seems to submit the form normally along with the submit button.

so, this form doesn't send submit button to POST



and this form does it



i'll appreciate any comments about this

your code is great and actually i have copied it from somewhere else too but the problem is POST does not work, even though the form method="post". The data is actually send using GET method. Do you know there is a restriction on POST using Javascript. May be this point needs to be cleared out for new commers