在javascript中重置文本框的值

如果我有这样的input文本框：

<input type="text" id="searchField" name="searchField" /> 

我如何设置使用javascript或jQuery的文本字段的值？

你会认为这很简单，但我已经尝试了以下内容：

使用defaultvalue

 var a = document.getElementById("searchField"); a.value = a.defaultValue; 

使用jQuery

 jQuery("#searchField").focus( function() { $(this).val(""); } ); 

使用js

 document.getElementById("searchField").value = ""; 

他们都没有这样做…：/

Answer 1

在Javascript中：

 document.getElementById('searchField').value = ''; 

在jQuery中：

 $('#searchField').val(''); 

这应该做到这一点

Answer 2

有了jQuery，我发现有时使用val来清除文本框的值没有任何作用，在这种情况下，我发现使用attr完成这个工作

 $('#searchField').attr("value", ""); 

Answer 3

像这样使用它：

 $("#searchField").focus(function() { $(this).val(""); }); 

它必须工作。 否则，它可能永远不会集中。

Answer 4

尝试使用这个：

 $('#searchField').val(''); 

Answer 5

设定值

  $('#searchField').val('your_value'); 

检索价值

 $('#searchField').val(); 

Answer 6

首先，select元素。 你通常可以使用这样的ID：

 $("#searchField"); // select element by using "#someid" 

然后，要设置该值，请使用.val("something")如下所示：

 $("#searchField").val("something"); // set the value 

请注意，只有在元素可用时才应该运行此代码。 通常的做法是：

 $(document).ready(function() { // execute when everything is loaded $("#searchField").val("something"); // set the value }); 

Answer 7

我知道这是一个旧的post，但这可能有助于澄清：

 $('#searchField') .val('')// [property value] eg what is visible / will be submitted .attr('value', '');// [attribute value] eg <input value="preset" ... 

如果有[属性值]，更改[属性值]不起作用。 （用户|| js修改了input）

Answer 8

这对我工作：

 $("#searchField").focus(function() { this.value = ''; }); 

Answer 9

这可能是一个可能的解决scheme

 void 0 != document.getElementById("ad") && (document.getElementById("ad").onclick =function(){ var a = $("#client_id").val(); var b = $("#contact").val(); var c = $("#message").val(); var Qdata = { client_id: a, contact:b, message:c } var respo=''; $("#message").html(''); return $.ajax({ url: applicationPath , type: "POST", data: Qdata, success: function(e) { $("#mcg").html("msg send successfully"); } }) 

}）;