我创建了一个 JavaScript 函数,将数据从另一个 jQuery
选项卡上的输入复制到“摘要”选项卡。我遇到了下拉菜单重复的问题。
如果需要更改,我需要在选择另一个选项时替换现有信息。
HTML - 下拉菜单
<select id="accountCoordinator1" class="txtbxList">
<option>Select</option>
<option>Jon</option>
<option>Lori</option>
</select>
HTML - 位置
<table>
<tr>
<td id="summaryAccountCoordinator1"></td>
</tr>
</table>
JavaScript
(function(){
$(document).ready(function () {
if (window.addEventListener) {
document.getElementById("accountCoordinator1").addEventListener("change", accountCoordinator1GV, false);
} else if (window.attachEvent) {
document.getElementById("accountCoordinator1").attachEvent("change", accountCoordinator1GV);
}
});
var accountCoordinator1GV = function () {
var accountCoordinator1GV = $("#accountCoordinator1").val();
var ac1DIV = $("<h3>Account Coordinator</h3>" + "<div class='summaryDIV'>" + accountCoordinator1GV + "</div>");
$("#summaryAccountCoordinator1").append(ac1DIV);
};
});
最佳答案
如果要替换现有信息,请使用 .html()
而不是 .append()
。仅更改 .summaryDIV
的文本可能会更容易:
$(document).ready(function() {
$("#accountCoordinator1").change(function() {
$("#summaryAccountCoordinator1 .summaryDIV").text($(this).val());
});
});
关于javascript - addEventListener 复制选择选项 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17182249/