Question

我正在尝试在网页中提交特定元素的表格，但是我得到了

Uncaught TypeError: Cannot read property 'form' of undefined

这是我网页的JavaScript脚本

<script type="text/javascript">
              var aTags = document.getElementsByName("s");
    for (var i=0;i<aTags.length;i++){
        aTags[i].addEventListener('click', function(e){
          e.preventDefault();
          bootbox.confirm({
    message: "This is a confirm with custom button text and color! Do you like it?",
    closeButton: false,
    buttons: {
        confirm: {
            label: 'Yes',
            className: 'btn-success'
        },
        cancel: {
            label: 'No',
            className: 'btn-danger'
        }
    },
    callback: function (result) {
      if(result){
        aTags[i].form.submit();
      }
    }
});
        });
            }
              </script>

Answer 1

每个单击处理程序都引用完全相同的i变量。在单击按钮时，i早已增加到aTags.length。因此，aTags[i]解析为aTags[aTags.length]，这是未定义的。

最简单的解决方案是仅使用let而不是var。这样，每次循环时都会获得变量的新绑定，因此单击处理程序都与正确的值相关联。

for (let i = 0; i < aTags.length; i++){
   // rest of the code the same
}

如何修复JavaScript中的Uncaught TypeError？

1 个答案: