jquery函数不改变文本框的值

-1

我已经写了一个jQuery函数来将文本框的文本改为null，并将它传递给onClick事件的一个按钮。jquery函数不改变文本框的值

$(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 />

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

来源

2017-05-30 Abhijith S

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

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

来源

2017-05-30 06:43:02 kropla

但为什么不能我在onclick事件函数调用办呢？ –

你不需要该功能，不把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>

来源

2017-05-30 06:44:53 SilverSurfer

我得到了你的答案。但我试图将此javascript转换为jquery –

谢谢。所以我编码的方式是错误的？在jQuery中编写函数时，我应该总是调用一个事件？我如何使用onclick事件做到这一点？ –

是的，这是错误的，你打电话一个功能，而不是点击功能。 – SilverSurfer

，你可以创建一个函数，火形式提交后把

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

在功能上面的代码

来源

2017-05-30 06:46:59

我猜你想要的东西，象下面这样：

<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>

来源

2017-05-30 07:18:26 Saket

雅..我也有其他答案！ :)） –

您可以使用该按钮触发

<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'); 
    });

来源

2017-05-30 09:59:23

jquery函数不改变文本框的值

回答

相关问题