小编Cha*_*ell的帖子

jQuery:清除表单输入

我尝试过不同的方法来清除表单:

<form action="service.php" id="addRunner" name="addRunner" method="post">
First Name: <input type="text" name="txtFirstName" id="txtFirstName" /><br />
Last Name:  <input type="text" name="txtLastName" id="txtLastName" /><br />
Gender: <select id="ddlGender" name="ddlGender"><option value="">--Please Select--</option>
<option value="f">Female</option>
<option value="m">Male</option>
</select><br />
Finish Time:
<input type="text" name="txtMinutes" id="txtMinutes" size="10" maxlength="2">(Minutes)
<input type="text" name="txtSeconds" id="txtSeconds" size="10" maxlength="2">(Seconds)
<br />
<button type="submit" name="btnSave" id="btnSave">Add Runner</button>
<input type="hidden" name="action" value="addRunner" id="action">
</form>
Run Code Online (Sandbox Code Playgroud)

jQuery#1:

function clearInputs(){
$("#txtFirstName").val('');
$("#txtLastName").val('');
$("#ddlGender").val('');
$("#txtMinutes").val('');
$("#txtSeconds").val('');
}
Run Code Online (Sandbox Code Playgroud)

这非常有效.

jQuery#2:

function clearInputs(data){
$("#addRunner :input").each(function(){
$(this).val('');
});
Run Code Online (Sandbox Code Playgroud)

这会清除表单,但不允许我再向其提交任何信息.我尝试再次单击该按钮,它什么也没做.

这是按钮单击处理程序: …

forms console jquery

60
推荐指数
2
解决办法
20万
查看次数

标签 统计

console ×1

forms ×1

jquery ×1