我是 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);
};
帮助!我究竟做错了什么?
这是整个功能的代码:
(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);
};
})();