Javascript無法識別動態div內容

Question

我有一個腳本，我一直在爲一週的戰鬥。

我有一個頁面，其中包含id（「content」）的div。現在我加載了一些內容，一個包含在div標籤中的特定的表單，並將其顯示在這個VIA Ajax中，並且它顯示的很好

現在，挑戰是 - 當表單被提交時，我正在調用一個函數將禁用該div標籤中元素的所有字段。我總是得到錯誤「未定義」。

看來，DIV，我請來的頁面不被JS認可..

我已搜查谷歌，必應，yahoo..i只是還沒有找到解決辦法...

請問，我該怎麼做？

我已經包含下面的代碼 -

+++++++++ 我的外部下面的代碼JavaScript文件

++++++++++++ ++++++++

// JavaScript Document 

var doc = document; 
var tDiv; 
var xmlHttp; 
var pgTitle; 

function getXMLObj(){ 
     if (window.XMLHttpRequest){ 
      // code for IE7+, Firefox, Chrome, Opera, Safari 
       Obj = new XMLHttpRequest(); 
      } 
     else if (window.ActiveXObject){ 
      // code for IE6, IE5 
       Obj = new ActiveXObject("Microsoft.XMLHTTP"); 
      } 
     else{ 
       alert("Your browser does not support Ajax!"); 
     } 
     return Obj; 
} 


function loadCont(toLoad, view){ 
    doc.getElementById('loadBlank').innerHTML = '<div id="loading">Processing Request...</div>'; 
    var url; 
    switch(toLoad){ 
     case 'CI': 
      pgTitle = "Administration - Company Information"; 
      url = "comp_info.php?v=" + view + "&sid=" + Math.random(); 
      break; 
     case 'JB': 
      pgTitle = "Administration - Jobs"; 
      url = "jobs.php?v=" + view + "&sid=" + Math.random(); 
      break; 
     case 'US': 
      pgTitle = "Administration - Users"; 
      url = "users.php?v=" + view + "&sid=" + Math.random(); 
      break; 
     case 'EP': 
      pgTitle = "Administration - Employees"; 
      url = "emp.php?v=" + view + "&sid=" + Math.random(); 
      break; 
     case 'AP': 
      pgTitle = "Administration - Recruitments"; 
      url = "applicants.php?v=" + view + "&sid=" + Math.random(); 
      break; 
     case 'JV': 
      pgTitle = "Administration - Recruitments"; 
      url = "jobvacancy.php?v=" + view + "&sid=" + Math.random(); 
      break; 
    } 

    xmlHttp = getXMLObj(); 
    if (xmlHttp !== null && xmlHttp !== undefined){ 
      xmlHttp.onreadystatechange = loadingContent; 
      xmlHttp.open('GET', url, true); 
      xmlHttp.send(null); 
    } 
} 

function loadingContent(){ 

    if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete'){ 
      //Show the loading and the title, but hide the content... 
      if (xmlHttp.status == 200){ 
       doc.getElementById('dMainContent').innerHTML = parseScript(xmlHttp.responseText); 
       doc.getElementById('loadBlank').innerHTML = ''; 
      } 
      else{ 
       doc.getElementById('dMainContent').innerHTML = 'Sorry..Page not available at this time. <br />Please try again later'; 
       doc.getElementById('loadBlank').innerHTML = ''; 
      } 
    } 
    if (xmlHttp.readyState < 4){ 
      //Show the loading and the title, but hide the content... 
      doc.getElementById('ActTitle').innerHTML = pgTitle; 
      doc.getElementById('dMainContent').innerHTML = ''; 
    } 
} 

function valCompInfo(){ 
    //First Disable All the elements.. 
    alert('I was hree'); 
    DisEnaAll('CompForm'); 
    //Now..lets validate the entries.. 
} 

function DisEnaAll(contId){ 
    //alert(doc.getElementById(contId).elements); 
    var theId = doc.getElementById(contId).elements; 

    try{ 
     var numElems = theId.length; 

     for (var i=0; i < (numElems - 1); i++){ 
      (theId[i].disabled == false) ? (theId[i].disabled = true) : (theId[i].disabled = false);     
     } 
    } 
    catch(e){ 
     var msg = "The following error occurred: \n\n"; 
     msg += e.description 
     alert(msg); 
    } 

} 


// http://www.webdeveloper.com/forum/showthread.php?t=138830 
function parseScript(_source) { 
    var source = _source; 
    var scripts = new Array(); 

    // Strip out tags 
    while(source.indexOf("<script") > -1 || source.indexOf("</script") > -1) { 
     var s = source.indexOf("<script"); 
     var s_e = source.indexOf(">", s); 
     var e = source.indexOf("</script", s); 
     var e_e = source.indexOf(">", e); 

     // Add to scripts array 
     scripts.push(source.substring(s_e+1, e)); 
     // Strip from source 
     source = source.substring(0, s) + source.substring(e_e+1); 
    } 

    // Loop through every script collected and eval it 
    for(var i=0; i<scripts.length; i++) { 
     try { 
      eval(scripts[i]); 
     } 
     catch(ex) { 
      // do what you want here when a script fails 
     } 
    } 

    // Return the cleaned source 
    return source; 
} 

此代碼是在主頁上在JavaScript是

<div id="dMainContent"> 

</div> 
</body> 
</html> 

而國際泳聯LLY，我通過AJAX加載頁面的那是代碼內容..

<div style="width:738px" id="CompForm"> 
    <div class="tdright"> 
     <a href="#" class="lnkBtn" onclick="valCompInfo();"><?php echo $btnNm; ?></a> &nbsp; 
    </div> 
</div> 

..

感謝

Answer 1

添加JavaScript函數或外部JS文件到原來的頁面。

Answer 2

編輯：每個評論的註釋：這不是答案:)請參閱評論爲什麼細節。

留下的答案只是作爲一種學習援助建議。

不應該

xmlHttp.onreadystatechange = loadingContent; 

是

xmlHttp.onreadystatechange = loadingContent(); 

或

loadingContent(); 

，如果你想給它分配一樣，該函數返回一個值...

Answer 3

這不是JavaScript ....

doc.getElementById(contId).elements 

但用於你的JavaScript ......你絕對不會得到任何東西。（空）

我不認爲這是合法的：

theId[i].disabled == false 

Answer 4

的問題是與div標籤（ID 「CompForm」），這是不是一個HTML表單。

「elements」是表單元素not div元素的集合。所以當試圖訪問div.elements屬性是未定義的。

見MSDN，form.elements是（根據MSDN）

http://msdn.microsoft.com/en-us/library/ms537449%28v=VS.85%29.aspx