Question

我对javascript很新，我在开发的应用程序中制作“待办事项”列表时遇到了很大麻烦。目前，您可以输入文本字段，然后单击“提交”，这将显示您键入的内容以及旁边的复选框。这一切都很好，但是如果我添加其他任何东西来执行它，之前的文本和复选框被覆盖，我无法弄清楚如何添加到列表中。

任何帮助将不胜感激！

HTML：

Enter What To Do <input id='userInput' size=60>
<button onClick='userSubmit()'>Submit</button>
<BR><P>
<div id='result'></div>

JS：

function userSubmit() {
    var UI=document.getElementById('userInput').value;
    document.getElementById('result').innerHTML='<input type="checkbox">' + UI;
}

Answer 1

试试这个：

document.getElementById('result').innerHTML+='<input type="checkbox"> '+UI+'<br>';

Answer 2

<script type='text/javascript'>
  function userSubmit() {
      var UI=document.getElementById('userInput').value;
      document.getElementById('result').appendChild('<p><input type="checkbox"> '+UI+'</input></p>);
  } 
</script>

使用javascript：如何在单击提交按钮时添加到文本

2 个答案: