jQuery: Comment faire un bouton effacer?

J'ai un champ de recherche, et j'ai besoin d'un bouton effacer.

J'ai actuellement sur le bouton, mais je ne sais pas comment le faire,

J'ai 6 textfields, 2 zones de liste modifiables, et 2 sélectionnez plusieurs listes

Comment puis-je effacer tous les d'eux dans une fonction claire??
Je connais le HTML, mais je suis en utilisant Graal et le type="reset" ne fonctionne pas.
C'est pourquoi je veux un jQuery manière de supprimer des zones de texte', des valeurs, de quitter la zone de liste déroulante dans le premier index, et désactivez toutes les options de multiples sélectionnez liste.

Merci pour l'aide 😀

codigomanso.com/en/2008/12/resetear-un-formulario-con-jquery
Pour ma part, je me demande pourquoi les gens ont des boutons clairs, ils semblent toujours inutile pour moi.
Ummm... Pour faire de votre forme propre et bien organisé? o_O
Je suis d'accord avec Winston ici, et puis vous remplissez 10 champs et par accident appuyez sur le bouton effacer juste à le refaire. meh
Ouais personne ne veut d'un bouton effacer. Personne ne veut d'un bouton! C'est pourquoi Google est venu avec la recherche Instantanée Google.

OriginalL'auteur randomizertech | 2010-10-13

  1. 7

    Vous pouvez modifier le code ci-dessous pour répondre à vos besoins. Elle a volé de ce fil de toute façon.

    jsfiddle

    $(':input','#myform')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

<form id='myform'>
    <input type='text' value='test' />
    <select id='single'>
        <option>One</option>
        <option selected="true">Two</option>
    </select>
    <select multiple="true" size="5" id='multiple'>
        <option>One</option>
        <option selected="true">Two</option>
    </select>
    <input type='button' id='reset' value='reset' />
</form>


    MODIFIER (Pour effacer la sélection multiple):

    $('#reset').click(function(){
    $(':input','#myform')
    .not(':button, :submit, :reset, :hidden')
    .val('')
    .removeAttr('checked')
    .removeAttr('selected');

    $("#myform #multiple").empty();
});​

    jsfiddle v2

    C'est la voie à suivre sans aucun doute. +1
    n'est pas qu'il manque des comme une .chaque? ou de la fonction (...) ???
    Ok, presque parfait. J'ai besoin de quitter la sélection multiple vide. Sans aucune option.
    Chaque fonction jQuery qui renvoie un jQuery collection (comme val(), non(), removeAttr()) a l' .chacun() construit dans, par exemple, github.com/jquery/jquery/blob/master/src/attributes.js#L18
    Ok, j'ai corrigé, merci de <b>BrunoLM</b>.

    OriginalL'auteur bla

  2. 8

    Si vous avez un formulaire, il suffit d'ajouter une entrée de type reset

    <input type="reset" value="Clear the Form" />

    Si vous ne pouvez pas l'utiliser, puis enregistrez les valeurs par défaut à l'aide de .data et de les retrouver sur la réinitialisation de la forme.

    Voir cet exemple sur jsFiddle

    $("#container :text").each(function() {
    var $this = $(this);

    $this.data("default", $this.val());
});

$("#container select option").each(function() {
    var $this = $(this);

    $this.data("default", $this.is(":selected"));
});

$("#container :button").click(function() {
    $("#container :text").each(function() {
        var $this = $(this);
        $this.val($this.data("default"));
    });

  $("#container select option").each(function() {
      var $this = $(this);
      $this.attr("selected", $this.data("default"));
  });
});

    HTML

    <div id="container">
    <input type="text" value="default" />
    <select>
        <option>Op1</option>
        <option selected="true">Op2</option>
    </select>
    <select multiple="true" size="5">
        <option>Op1</option>
        <option selected="true">Op2</option>
    </select>

    <input type="button" value="reset" />
</div>

    Pour effacer toutes les entrées et supprimer toutes les options sur select éléments de plus simple, voir cet exemple sur jsFiddle (html).

    $("#container :button").click(function() {
    $("#container :text").val("");

    $("#container select").empty();
});
    Je suis en fait en utilisant Graal, donc qui ne fonctionne pas.
    Qu'en est-il maintenant? 😛
    LOL, tant mieux, mais pour les multiples sélectionnez liste, je veux qu'il soit vide, comme la suppression de toutes les options dont il dispose. Comme depuis un champ de recherche, j'ai ajouter des choses à la liste, et avec le bouton effacer il devrait effacer tous. Maintenant, pour les besoins de la démonstration, je n'ai qu'à des valeurs, peut-être que si je les effacer et de le laisser comme ça depuis le début ça va marcher?? Merci
    Pour effacer un champ de saisie juste mis en val à vide: val(""). Et pour supprimer toutes les options d'appel empty. $("#container select").empty();

    OriginalL'auteur BrunoLM

  3. 1

    Utilisation Lee Sy de la solution qu'il a trouvé sur.
    C'est beaucoup mieux et s'occupe de tout. 

    $('#myClearButton').click(function() {
  $('#myTextBox').val('');

  $('#myComboBox').val('0'); //set to default value as an example i use 0 
});
    Ce sujet de la zone de liste modifiable? Et les multiples sélectionnez liste??

    OriginalL'auteur Gabe