如何清除提交后的输入字段

我有一个表单，每次输入提交（加号）按钮时我都想清除输入字段。如何清除提交后的输入字段

我尝试过使用它，它不起作用。我可能会在错误的地方实施它。

document.getElementById('add-item').value='';

我的Javascript代码如下。

window.addEventListener('load', function(){ 

    // Add event listeners 
    document.getElementById('add-item').addEventListener('click', addItem, false); 
    document.querySelector('.todo-list').addEventListener('click', toggleCompleted, false); 
    document.querySelector('.todo-list').addEventListener('click', removeItem, false); 

    function toggleCompleted(event) { 
     console.log('=' + event.target.className); 
     if(event.target.className.indexOf('todo-item') < 0) { 
      return; 
     } 
     console.log(event.target.className.indexOf('completed')); 
     if(event.target.className.indexOf('completed') > -1) { 
      console.log(' ' + event.target.className); 
      event.target.className = event.target.className.replace(' completed', ''); 
      document.getElementById('add-item').value=''; 
     } else { 
      console.log('-' + event.target.className); 
      event.target.className += ' completed';   

     } 
    } 

    function addItem() { 
     var list = document.querySelector('ul.todo-list'); 
     var newItem = document.getElementById('new-item-text').value; 
     var newListItem = document.createElement('li'); 
     newListItem.className = 'todo-item'; 
     newListItem.innerHTML = newItem + '<span class="remove"></span>'; 
     list.insertBefore(newListItem, document.querySelector('.todo-new')); 
    } 

    function removeItem(event) { 
     if(event.target.className.indexOf('remove') < 0) { 
      return; 
     } 
     var el = event.target.parentNode; 
     el.parentNode.removeChild(el); 
    } 

});

来源

2016-04-15 Nick

你只是想用'add-item'id清除元素吗？ –

@ JF-Mechs是的，我想删除可以添加项目的输入字段。 – Nick

将autocomplete =“off”添加到您的表单标记也可能有用 –

这是你所需要的：

document.getElementById('new-item-text').value = "";

关于你的需要，你需要把它放在你的addItem（）

你可以参考这个简单的代码的末尾：

<html> 
    <body> 
     <input type="text" id="test"> 
     <button onclick="func()">remove</button> 
     <br/> 
     Value = <span id="val"></span> 
     <script> 
      function func(){ 
       alert("clicked"); 
       document.getElementById('val').innerHTML = document.getElementById('test').value; 
       document.getElementById('test').value = ''; 
      } 
     </script> 
    </body> 
</html>

来源

2016-04-15 02:45:48

使用窗体重置方法一次性清除输入。

document.getElementById("myForm").reset();

来源

2016-04-15 02:57:39

您可以在提交按钮中设置您的文本框的值=''。，你可以创建一个ClearFunction，然后你可以在你需要的时候调用它。

function cleartextbox() { 
    $('#name').val("").focus(); 
    $('#selectgender').val(""); 
    $('#telephone').val(""); 
}

来源

2016-04-15 03:42:27

如何清除提交后的输入字段

回答

相关问题