如何讓超鏈接將他們的名字作爲POST變量傳遞？

Question

我試圖創建一個帶有超鏈接的窗體。點擊後，他們提交頁面並傳遞不同的值。

這裏是我的代碼：

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

---

當我點擊HREF鏈接，我得到的錯誤

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

人知道爲什麼發生錯誤？

Answer 1

我有同樣的問題。這是因爲<input type=hidden name='submit' value='" + action +"'>中的name='submit'。您更改此，使其工作：

試試這個：

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

Answer 2

使用ID = 「MyForm的」，而不是名稱= 「MyForm的」 ...

Answer 3

嘗試：

<script> 
function setAndSubmit(text){ 
document.getElementById('submit').value=text; 
document.forms["MyForm"].submit() 
} 
</script> 

<form name="MyForm" id="MyForm" action="test.php" method="post"> 
<input type="text" name="abc" value="" />  
<input type="hidden" name="submit" id="submit" value="" /> 
<a name="edit" href="#" onClick="setAndSubmit('Edit')">Edit</a> 
</form>