javascript - addEventListener 複製 選択オプション Javascript

Question

jQuery別のタブの入力から [概要] タブにデータをコピーする JavaScript 関数を作成しました。ドロップダウンでの重複に問題があります。

変更が必要な場合は、別の選択を選択するときに既存の情報を置き換える必要があります。

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());
    });
});