document.forms.gallery_form.submit是不是一个功能

Question

我发誓，我有这个确切的事情在另一个页面上工作。我这样一个javascript小白很尴尬......

function delete_gallery() { 
    var gallery = document.getElementById('gallery_id').value; 
    var form = document.getElementById('gallery_form'); 
    form.setAttribute('action', 'index.php?action=delete&section=galleries&id='+gallery); 
    document.forms['gallery_form'].submit(); 
} 

检查的元素显示，它的正确更新的操作：

<form method="post" action="index.php?action=delete&amp;section=galleries&amp;id=12" name="gallery_form" id="gallery_form"><input type="hidden" value="12" id="gallery_id" name="gallery_id"><p>Name: <input type="text" name="name" value="Woo"></p><p>Description:<br><textarea name="description">Dee</textarea><input type="hidden" value="2" name="artist"></p><p><input type="submit" value="Submit" name="submit"> 
    </p></form> 

这是我用来调用该函数的按钮，很表下面的表格：

<button onclick="delete_gallery()" type="button">Delete Gallery</button> 

编辑：

我应该提到我试着先使用getElementById方法，ala forms.submit（）; - 我有同样的错误，这就是为什么我改用document.forms []代替。

Answer 1

这是可能是因为这个形式 -

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

内

form.submit正在使用此输入进行重新定义。只需将名称从submit更改为其他内容，例如submit1并查看是否有效。

Answer 2

尝试使用getElementById：

document.getElementById('gallery_form').submit(); 

并且你已经有了表单的引用刚刚提交：

function delete_gallery() { 
    var gallery = document.getElementById('gallery_id').value; 
    var form = document.getElementById('gallery_form'); 
    form.setAttribute('action', 'index.php?action=delete&section=galleries&id='+gallery); 
    form.submit(); 
}