gpt4 book ai didi

javascript - 如何重置输入字段?查询

转载 作者:太空狗 更新时间:2023-10-29 13:36:31 27 4
gpt4 key购买 nike

我读过几篇文章,包括 this , 和 this ,但我似乎无法在提交后清除输入字段。执行此操作的最基本/基本方法是什么?

目前我有这个:

$(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 选择器):

$('form :input').val('');

关于javascript - 如何重置输入字段?查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35492054/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com