addEventListener複製選擇選項Javascript

Question

我創建了一個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); 
}; 

}); 

Answer 1

如果要替換現有信息，請使用.html()而不是.append()。改變.summaryDIV的文本可能會更容易：

$(document).ready(function() { 
    $("#accountCoordinator1").change(function() { 
     $("#summaryAccountCoordinator1 .summaryDIV").text($(this).val()); 
    }); 
});