0

让我澄清我的问题，

我想制作一个元素包含5个字段的元素，所以如果旧元素为空，我不希望用户应该能够放入新元素，所以我在循环旧元素时发出警报，看看是否有一些字符串，如果没有，则不要添加新元素并发出警报请填写所有字段

这里又是我的代码

function addEvent() {
      var ni = document.getElementById('discount'); // Takes the a div named discount
      var discountForm = document.getElementById('discountForm'); // Takes the a form named discountForm
      var numi = document.getElementById('theValue'); // Takes the a hidden input field named theValue
      var num = (document.getElementById("theValue").value -1)+ 2; // Start counting to set the new divs form numbers
      numi.value = num;
      var divIdName = "my"+num+"Div"; // the new divs will be named
      var allDivTags = discountForm.getElementsByTagName('div'); // take all div tags
      var numOfDivs = (allDivTags.length -1); // take the number of the old div
      var oldDivIdName = document.getElementById(allDivTags[numOfDivs].id); // old div id
      var newdiv = document.createElement('div'); //the new div
      newdiv.setAttribute("id",divIdName);
      newdiv.innerHTML = "Company <select name=\"company[]\"><option value=\"\"></option><option value=\"ZI\">Avis</option><option value=\"ET\">Enterprise</option><option value=\"ZE\">Hertz</option><option value=\"ZD\">Budget</option><option value=\"ZR\">National</option><option value=\"AL\">Alamo</option></select> Discount Type <select name=\"type[]\"><option value=\"CD\">Discount Number</option><option value=\"PC\">Coupon Number</option></select> Code <input name=\"code[]\" type=\"text\"> Title <input name=\"title[]\" type=\"text\"> <a href=\"javascript:;\" onclick=\"removeElement(\'"+divIdName+"\')\">Remove</a>"; // creating the fileds in the new div
      ni.appendChild(newdiv);
      for(i=0; i<discountForm.elements.length;i++){ // loop through the divs
          if(numOfDivs != i-1){ // if tho old div exist and if the old div fields are empty
            if(oldDivIdName.children[i].value.length == 0){
              removeElement(divIdName); // then dont put the new one
              alert('Please enter all fields');
            }
          }
      }

    }

但我的问题是在 IE 中出现错误children[...].value.length is null or not an object，所以我试图弄清楚如何修复它，

我希望它现在对你来说更清楚了。

4

2 回答 2

2

从您提供给我们的信息很难判断。但我的第一个猜测如下：

for(i=0; i<discountForm.elements.length;i++){
  if(numOfDivs != i-1){
    if(oldDivIdName.children[i].value.length == 0){
      removeElement(divIdName);
      alert('Please enter all fields');
    }
  }
}

上面你正在做：

oldDivIdName.children[i]

但是我被定义为表单中元素的数量，从我所看到的......而不是 oldDivIdName 的子元素数量。如果表单中的元素多于 oldDivIdName 中的元素，则 oldDivIdName.children[i] 的值将为空。并且“值”未在 null 上定义。

于 2012-06-24T22:45:40.437 回答
0

从您提供给我们的信息很难判断。但我的第一个猜测如下：

首次调用此方法时，allDivTags.length 是否为 null 或负数，结果未得到元素：

var oldDivIdName = document.getElementById(allDivTags[numOfDivs].id);
于 2012-06-25T02:41:38.020 回答