listbox onchange - appendChild

Question

这是我的代码。

//Header container  - summary info
var headerdiv = document.getElementById("Editsubmission");
var cont1=document.createElement('div');
var cont2=document.createElement('div');
cont1.textContent="Your submission will be sent to: " +variable1;
cont2.textContent="reporting back to: "+ variable2;

headerdiv.appendChild(cont1);
headerdiv.appendChild(cont2);

我正在尝试通过操作列表框（variable1和variable2）来使用一些文本填充动态创建的DIV。问题是如果我在表单提交之前选择另一个选项，新文本显然会附加到DIV。我需要在此之前删除旧文本。显然我不应该使用'appendChild'。请指教。

Answer 1

在追加

之前清除div

headerdiv.innerHTML = "";
headerdiv.appendChild(cont1);
headerdiv.appendChild(cont2);