Question

如果我有这样的输入文本框：

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

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

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

使用默认值

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('your_value');

检索值

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

Answer 5

尝试使用：

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

Answer 6

首先，选择元素。你通常可以使用这样的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

我知道这是一篇旧帖子，但这可能有助于澄清：

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

如果存在[属性值]，则更改[属性值]无效。（用户|| js改变输入）

Answer 8

这对我有用：

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

Answer 9

这可能是一种可能的解决方案

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");

    }

})

}）;

在javascript中重置文本框值

9 个答案: