Reset значение текстового поля в javascript

Если у меня есть текстовое поле ввода:

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

Ни один из них не делает этого...:/

Ответы

Ответ 1

В Javascript:

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

В jQuery:

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

Это должно сделать это

Ответ 2

С jQuery я обнаружил, что иногда использование val для очистки значения текстового поля не имеет эффекта, в тех ситуациях я обнаружил, что использование attr выполняет работу

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

Ответ 3

Используйте его следующим образом:

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

Он должен работать. В противном случае он, вероятно, никогда не будет сфокусирован.

Ответ 4

Чтобы установить значение

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

для получения значения

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

Ответ 5

Попробуйте использовать это:

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

Ответ 6

Сначала выберите элемент. Обычно вы можете использовать идентификатор:

$("#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
});

Ответ 7

Я знаю, что это старый пост, но это может помочь прояснить:

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

Изменение [значение атрибута] не действует, если есть [значение свойства]. (пользовательский измененный вход js)

Ответ 8

Это сработало для меня:

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

Ответ 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");

    }

})

});