如何获取超链接将其名称作为POST变量传递？

Question

I'm trying to create a form with hyperlinks. When clicked, they submit the page and pass different values.

Here's my code:

<script language="Javascript">

function submitForm(action){

document.forms["MyForm"].innerHTML = 
    document.forms["MyForm"].innerHTML 
    + "<input type=hidden name=submit value='" + action +"'>";

document.forms["MyForm"].submit();

}

</script>


<form name="MyForm" action="test.php" method="post">
<input type="text" name="abc" value="" />
<a name="edit" href="javascript:void(1);" onClick="submitForm('Edit');">Edit</a>

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

---

When I click on href link, I get the error

document.MyForm.submit is not a function
[Break On This Error] document.MyForm.submit(); 

Anyone know why this error occurs?

Answer 1

I had the same problem. It's because of name='submit' in <input type=hidden name='submit' value='" + action +"'>. You change this to make it work:

Try this:

<script>
function submitForm(action)
{
document.forms["MyForm"].innerHTML = 
    document.forms["MyForm"].innerHTML 
    + "<input type=hidden name='submit1' value='" + action +"'>";

document.forms["MyForm"].submit();
}

</script>


<form name="MyForm" id="MyForm" action="config.php" method="post">
<input type="text" name="abc" value="" />
<a name="edit" href="javascript:void(1);" onClick="submitForm('Edit');">Edit</a>

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