Réinitialiser la valeur de la zone de texte en javascript

Question

Si j'ai une zone de saisie comme celle-ci :

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

Comment puis-je définir la valeur du champ de texte en utilisant javascript ou jQuery ?

On pourrait penser que c'était simple, mais j'ai essayé ce qui suit :

Utilisation de la valeur par défaut

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

Utiliser jQuery

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

Utiliser js

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

Aucun d'eux ne le fait... :/

Answer 1

En Javascript :

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

En jQuery :

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

Ça devrait le faire

Answer 2

Utilisez-le comme ceci :

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

Il faut que ça marche. Sinon, il n'est probablement jamais concentré.

Answer 3

Pour définir la valeur

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

récupérer de la valeur

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

Answer 4

Je sais que c'est un vieux post, mais cela peut aider à clarifier:

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

La modification de [valeur d'attribut] n'a aucun effet s'il existe une [valeur de propriété]. (utilisateur || js entrée modifiée)