web-dev-qa-db-fra.com

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

Si j'ai un champ de saisie comme celui-ci:

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

Comment définir la valeur du champ de texte à l'aide de javascript ou de jQuery?

Vous penseriez que c'était simple, mais j'ai essayé ce qui suit:

Utilisation de defaultvalue 

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

Utilisation de jQuery 

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

Utilisation de js 

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

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

javascriptjqueryhtml
47
ingh.am

En Javascript:

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

Dans jQuery:

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

Ça devrait le faire

105
David Laberge

Avec jQuery, j'ai constaté que parfois, utiliser val pour effacer la valeur d'une zone de texte n'avait aucun effet. Dans ces situations, j'ai constaté que l'utilisation de attr faisait le travail

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

Utilisez-le comme ceci:

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

Ça doit marcher. Sinon, il ne sera probablement jamais concentré.

3
lukad

Essayez d'utiliser ceci:

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

Pour définir la valeur

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

récupérer la valeur

$('#searchField').val();
1
Senad Meškin

Je sais que ceci est un ancien 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é] . (Entrée modifiée | utilisateur ||)

0
AnOldMan

Tout d'abord, sélectionnez l'élément. Vous pouvez généralement utiliser l'ID comme ceci:

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

Ensuite, pour définir la valeur, utilisez .val("something") comme dans:

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

Notez que vous ne devez exécuter ce code que lorsque l'élément est disponible . La manière habituelle de faire ceci est:

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

Cela a fonctionné pour moi:

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