Question

我编写了一个jQuery函数来将文本框的文本更改为null并将其传递给按钮的onClick事件。

$(function ResetForm() {
  $('#TxtFName').val("");
  $('#TxtLName').val("");
  $('#TxtSalary').val("");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <form action="/Employee/SaveEmployee" method="post">
    First Name: <input type="text" id="TxtFName" name="FirstName" value="" /> <br/> Last Name: <input type="text" id="TxtLName" name="LastName" value="" /> <br /> Salary: <input type="text" id="TxtSalary" name="Salary" value="" /> <br />

名字姓氏和工资的文本值不变。有人可以帮助我吗？

Answer 1

如果您想将此行为传递给按钮点击事件，请尝试隐式地将其与按钮点击事件联系起来。

$( "#targetButton" ).click(function() {
    $('#TxtFName').val("");
    $('#TxtLName').val("");
    $('#TxtSalary').val("");
 });

Answer 2

您不需要该功能，也不要在每个输入字段中放置value=""，因为如果您将在其他文件中收到该值，则默认情况下它将始终为空。

$('#reset').click(function(){
        $(this).closest('form').find("#TxtFName, #TxtLName, #TxtSalary").val("");
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <form action="/Employee/SaveEmployee" method="post" id="form1">
        First Name: <input type="text" id="TxtFName" name="FirstName"/> <br/>
        Last Name: <input type="text" id="TxtLName" name="LastName" /> <br />
        Salary: <input type="text" id="TxtSalary" name="Salary" /> <br />
        <button type="button" id="reset">Reset</button>
        </form> </div>

Answer 3

您可以创建一个在表单提交后触发的函数

       $('form').trigger('reset');

在功能上面放上代码

Answer 4

我猜你想要下面的东西：

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>

function myFunction()
{
        $("#TxtFName").val("");
        $('#TxtLName').val("");
        $('#TxtSalary').val("");
}

</script>

</head>
<body>
<form>
  First Name: <input type="text" id="TxtFName" name="FirstName" value="" /> <br/>
  Last Name: <input type="text" id="TxtLName" name="LastName" value="" /> <br />
  Salary: <input type="text" id="TxtSalary" name="Salary" value="" /> <br />
  <button onclick="myFunction()">Reset</button>
<form>
</body>
</html>

Answer 5

您可以使用此按钮触发器

<form action="/Employee/SaveEmployee" method="post" id="form1">
            First Name: <input type="text" id="TxtFName" name="FirstName"/> <br/>
            Last Name: <input type="text" id="TxtLName" name="LastName" /> <br />
            Salary: <input type="text" id="TxtSalary" name="Salary" /> <br />
            <button type="button" id="reset">Reset</button>
            </form> </div>

$('#reset').click(function(){
 $('#form1').trigger('reset');
  });

Jquery函数不更改文本框值

5 个答案: