如何清除HTML中的文本框

Question

我只想清除HTML表單中的文本框。 我把它弄清楚了，但是我又寫了些東西，它在我的函數中被認為是空的。 怎么辦？ 我是這樣做的。

$('#clear').click(function(){
    document.getElementById("v1").value="";
    document.getElementById("v2").value="";
    document.getElementById("v3").value="";
    document.getElementById("v4").value="";
});

Answer 1

使用jQuery val（）方法設置一個值。

$('#clear').click(function(){
     $('#v1, #v2, #v3, #v4').val(''):
});

如果您的輸入元素在表單內，則還可以使用reset()函數來重置所有表單元素。

<form id="myForm">
  // your form elements
</form>

$('#clear').click(function(){
     $('#myForm').reset():
});

Answer 2

嘗試這個 ：

$('#clear').click(function(){
    $("#v1,#v2,#v3,#v4").val("");
});

Answer 3

$('#clear').click(function(){
 $('#v1, #v2, #v3, #v4').val('');   
});

Answer 4

如果所有輸入都包裝在表單中，則也可以在該表單上調用.reset（）

Answer 5

如果您使用的是JQuery：

$("#v1").val('');