[英]How to reset input field? jQuery
我已經閱讀了幾篇帖子,包括這個 , 這個 ,但我似乎無法在提交后清除輸入字段。 最基本/最基本的方法是什么?
目前我有這個:
$(document).ready(function(){
$('form[name=checkListForm]').on('submit', function() {
// prevent the form from submitting
event.preventDefault();
var toAdd = $(this).find('input[name=checkListItem]').val();
$('.list').append("<div class='item'>" + toAdd + "</div>")
$('input[name=checkListItem').reset();
});
});
我的HTML是:
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheet.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h2>To Do</h2>
<form name="checkListForm">
<input type="text" name="checkListItem" />
<button type="submit" id="button">Add!</button>
</form>
<br/>
<div class="list"></div>
</body>
</html>
不使用重置,只需使用以下代碼將空白值設置為輸入字段:
$('input[name=checkListItem').val('');
為了重置特定形式的所有輸入,您還可以使用以下代碼(使用:input
selector):
$('form :input').val('');
這應該有用,(我自己測試過)。
$(document).ready(function(){
$('form[name=checkListForm]').on('submit', function() {
//other code
$('input[name=checkListItem]').val("")
});
});
這個對我有用; 很少修改。 我使用function(e)
和e.preventDefault()
並使用$('input[name=checkListItem').val('');
而不是重置()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('form[name=checkListForm]').on('submit', function(e) {
// prevent the form from submitting
e.preventDefault();
var toAdd = $(this).find('input[name=checkListItem]').val();
$('.list').append("<div class='item'>" + toAdd + "</div>")
$('input[name=checkListItem').val('');
});
});
</script>
<h2>To Do</h2>
<form name="checkListForm">
<input type="text" name="checkListItem" />
<button type="submit" id="button">Add!</button>
</form>
<br/>
<div class="list"></div>
我們可以在提交后寫。
document.getElementById("myform").reset();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.