с помощью addEventListener, чтобы жить копией на итоговую страницу, столкнувшись с проблемой

Question

Я javascript/jQuery No0b и хочу использовать addEventListener для печати прогресса на итоговой странице. это 4-полосная форма.

HTML:

<table> 
    <tr> 
    <td id="summaryCustomerName"></td> 
    <td id="summaryAccountManager"></td> 
    <td id="summaryDescription"></td> 
    </tr> 
    <tr> 
    <td id="summaryAccountCoordinator1"></td> 
    <td></td> 
    <td></td> 
    </tr> 
</table> 

Порция JS:

(function(){ 
    $(document).ready(function() { 
    if (window.addEventListener) { 
    document.getElementById("accountCoordinator1").addEventListener("change", accountCoordinator1GV, false); 

    } 
    else if (window.attachEvent) { 
    document.getElementById("accountCoordinator1").attachEvent("change", accountCoordinator1GV); 
    } 
}); 

Это прекрасно работает, я пытаюсь получить ТОЛЬКО customerDescription часть в <div class='summaryDIV'> + customerDescription + </div>

Часть У меня возникают проблемы, связанные с:

var accountCoordinator1GV = function() { 
    var accountCoordinator1GV = "<h3>Account Coordinator</h3>" + "<div class='summaryDIV'>" + accountCoordinator1GV + "</div>"; 
    accountCoordinator1GV += document.getElementById("accountCoordinator1").value; 
    document.getElementById("summaryAccountCoordinator1").innerHTML = accountCoordinator1GV; 
}; 

Я пробовал другие методы, такие как:

var accountCoordinator1GV = function() { 
    var accountCoordinator1GV = $("#accountCoordinator1").val(); 
    var ac1DIV = "<div class='summaryDIV'>" + accountCoordinator1GV + "</div>"; 
    $("#summaryAccountCoordinator1").append(ac1DIV); 
}; 

HELP! Что я делаю не так?

Вот код, как это целая функция:

(function(){ 

$(document).ready(function() { 
    if (window.addEventListener) { 
     document.getElementById("customerName").addEventListener("change", customerNameGV, false); 
     document.getElementById("accountManager").addEventListener("change", accountManagerGV, false); 
     document.getElementById("customerDescription").addEventListener("change", customerDescriptionGV, false); 
     document.getElementById("accountCoordinator1").addEventListener("change", accountCoordinator1GV, false); 
     document.getElementById("ContactSubmitButton").addEventListener("click", CompanyContacts, false); 

    } else if (window.attachEvent) { 
     document.getElementById("customerName").attachEvent("change", generalInformation); 
     document.getElementById("accountManager").attachEvent("change", accountManagerGV); 
     document.getElementById("customerDescription").attachEvent("change", customerDescriptionGV); 
     document.getElementById("accountCoordinator1").attachEvent("change", accountCoordinator1GV); 
     document.getElementById("ContactSubmitButton").attachEvent("click", CompanyContacts); 
    } 
}); 

var customerNameGV = function() { 
    var customerNameGV = "<h3>Customer Name</h3>"; 
    customerNameGV += document.getElementById("customerName").value; 
     document.getElementById("summaryCustomerName").innerHTML = customerNameGV; 
}; 

var accountManagerGV = function() { 
    var accountManagerGV = "<h3>Account Manager</h3>"; 
     accountManagerGV += document.getElementById("accountManager").value; 
     document.getElementById("summaryAccountManager").innerHTML = accountManagerGV; 
}; 

var customerDescriptionGV = function() { 
    var customerDescriptionGV = "<h3>Customer Description</h3>"; 
    customerDescriptionGV += document.getElementById("customerDescription").value; 
    document.getElementById("summaryDescription").innerHTML = customerDescriptionGV; 
}; 

var accountCoordinator1GV = function() { 
    var accountCoordinator1GV = "<h3>Account Coordinator</h3>" + "<div class='summaryDIV'>" + accountCoordinator1GV + "</div>"; 
    accountCoordinator1GV += document.getElementById("accountCoordinator1").value; 
    document.getElementById("summaryAccountCoordinator1").innerHTML = accountCoordinator1GV; 
}; 

var accountCoordinator1GV = function() { 
    var accountCoordinator1GV = $("#accountCoordinator1").val(); 
    var ac1DIV = "<div class='summaryDIV'>" + accountCoordinator1GV + "</div>"; 
    $("#summaryAccountCoordinator1").append(ac1DIV); 
}; 

})(); 

Answer 1

обертывание

var ac1DIV = "<div class='summaryDIV'>" + accountCoordinator1GV + "</div>"; 

в

var ac1DIV = $("<div class='summaryDIV'>" + accountCoordinator1GV + "</div>"); 

---

попробовать

var accountCoordinator1GV = function() { 
    var accountCoordinator1GV = $("#accountCoordinator1").val(); 
    var ac1DIV = $("<div class='summaryDIV'>" + accountCoordinator1GV + "</div>"); 
    $("#summaryAccountCoordinator1").append(ac1DIV); 
};