Javascript 如何将项目添加到列表中?仅使用onsubmit
我正在使用Javascript/HTML创建一个待办事项列表。如何在中使用onsubmit将文本输入添加到列表中。这就是我目前得到的Javascript 如何将项目添加到列表中?仅使用onsubmit,javascript,html,onsubmit,Javascript,Html,Onsubmit,我正在使用Javascript/HTML创建一个待办事项列表。如何在中使用onsubmit将文本输入添加到列表中。这就是我目前得到的 <h1>To-Do List</h1> <form onsubmit= "return addItem(document.getElementById(list), inputText)"> ` <input type="text" id="inputItem" placeholder="Enter a Tas
<h1>To-Do List</h1>
<form onsubmit= "return addItem(document.getElementById(list), inputText)"> `
<input type="text" id="inputItem" placeholder="Enter a Task">
<input type="submit">
</form>
<ul id="list">
</ul>
<script
// adds Task to list
function addItem(list, inputText) {
var listItem = document.createElement("li");
listItem.innerText = "inputText";
list.appendChild(listItem)
</script>
正确获取列表“列表”,而不是列表
将字段传递给函数,而不是某个字符串-您可以传递'inputField',但还需要var value=document.getElementByIdinputField.value并返回addItem'list','inputItem'
返回false或使用preventDefault不提交表单
函数addItemlist,inputField{
var list=document.getElementByIdlist;
var listItem=document.createElementli;
listItem.innerText=inputField.value;//传递了该字段。
list.appendChildlistItem;
返回false;//停止提交
}
待办事项清单
它工作!!!非常感谢你。我更了解它。我修复了代码,甚至添加了一个功能,在提交后清除输入文本。但效果不好。你知道更好的方法吗。我就是这样尝试的。var inputItem=document.getElementByIdinputItem;inputItem.focus;inputItem.select;再次感谢。是否也可以将所选输入文本替换为空字符串。inputItem.value=;inputItem.focus;查看“选择/焦点”版本的第二个代码,则无需清除该条目,并且允许用户添加类似的项目