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函數不改變文本框的值

回答

相關問題