表单提交在Chrome中不起作用,即

时间:2012-06-12 18:40:42

标签: javascript

有许多具有唯一ID的表单

<form id='fu_edit_1' method='post' action=''>
....
</form>

<form id='fu_edit_2' method='post' action=''>
....
</form>

使用此js代码

    var formName = 'fu_edit_'+id;
document.forms[formName].submit();

所以这里的代码在最后一个版本中工作得很好,但是在chrome中,即拒绝工作。但是,如果直接指定表单的ID,则可以使用,例如:

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

有什么问题?


在控制台中,Chrome会写道:未捕获的TypeError:对象#没有方法'提交'

2 个答案:

答案 0 :(得分:0)

我认为你的问题是变量id我会建议你这样做:

  alert(id.toString());

也许您的号码转换为字符串存在问题,或许警报会让您感到惊讶,例如01或类似

答案 1 :(得分:0)

我多次遇到过这个问题,最后发现如果你在fu_edit_2表单中有一个表单元素,其name属性为submit,那么document.forms [“fu_edit_2”]。submit将是对元素的引用而不是提交表格的方法。我发现最好不要使用任何名称为submit的表单字段来规避这个问题。