Comment réinitialiser un champ de formulaire particulier en utilisant jQuery

Je veux savoir comment faire pour réinitialiser un particulier de champ de formulaire à l'aide de jQuery.

Je suis en utilisant ce qui suit de la fonction:

function resetForm(id) {
    $('#'+id).each(function(){
        this.reset();
    });
}

mais il est de réinitialiser tous les champs. Est-il possible de réinitialiser les champs spécifiques à l'aide de jQuery ou JavaScript? Je veux réinitialiser seulement un domaine particulier.

source d'informationauteur Manish Jangir

  1. 17
    function resetForm(id) {
    $('#' + id).val(function() {
        return this.defaultValue;
    });
}

    exemple, sans l'aide de l'id:

    http://jsfiddle.net/vYWdm/

  2. 9

    La reset() méthode affecte l'ensemble de la forme, de par leur conception, pour réinitialiser seulement particulier input éléments, en supposant qu'il y a un Reset entrée précédenteelement after eachentrée:

    $('button.reset').click(
    function(){
        var input = $(this).prev('input:first');
        input.val(''); //assuming you want it reset to an empty state;
    });

    JS Fiddle démo

    Pour réinitialiser le input à son état d'origine, alors tout d'abord je voudrais vous recommandons de conserver la valeur d'origine dans un data-* attribut pour les souvenirs:

    $('input').each(
    function(){
        $(this).attr('data-originalValue',$(this).val());
    });

$('button.reset').click(
    function(){
        var input = $(this).prev('input:first');
        input.val(input.attr('data-originalValue'));
    });

    JS Fiddle démo

    Donné HTML semblable à la suivante (dans laquelle le input éléments sont regroupés):

    <form action="#" method="post">
    <fieldset>
        <input value="something" />
        <button class="reset">Reset the input</button>
    </fieldset>
    <fieldset>
        <input type="checkbox" name="two"  />
        <input type="checkbox" name="two" checked />
        <input type="checkbox" name="two"  />
        <button class="reset">Reset the input</button>
    </fieldset>
    <fieldset>
        <input type="radio" name="three" checked />
        <input type="radio" name="three" />
        <button class="reset">Reset the input</button>
    </fieldset>
</form>

    La suite de jQuery permet de réinitialiser le input éléments de leur chargement des pages etat:

    $('button.reset').click(
    function () {
        $(this).prevAll('input').val(function(){
            switch (this.type){
                case 'text':
                    return this.defaultValue;
                case 'checkbox':
                case 'radio':
                    this.checked = this.defaultChecked;
            }
        });
    });

    JS Fiddle démo.

    Références:

  3. 2

    Mon approche serait de considérer trois cas: gratuit-entrée des champs, vérifier des champs et sélectionner des champs.

    $(set_of_fields).each(function() {
  //Don't bother checking the field type, just check if property exists
  //and set it
  if (typeof(this.defaultChecked) !== "undefined")
    this.checked = this.defaultChecked;
  if (typeof(this.defaultValue) !== "undefined")
    this.value = this.defaultValue;

  //Try to find an option with selected attribute (not property!)
  var defaultOption = $(this).find('option[selected]');
  //and fallback to the first option
  if (defaultOption.length === 0)
    defaultOption = $(this).find('option:first');
  //if no option was found, then it was not a select
  if (defaultOption.length > 0)
    this.value = defaultOption.attr('value');
});

    Edit: je viens de remarquer que cela ne fonctionne pas avec les <select multiple> champs.

  4. -3

    Que vous pourriez faire (si vous prévoyez d'utiliser le reset() méthode javascript):

    function resetForm(id) {
   document.getElementById(id).reset();
}

    Il n'y a pas besoin de jQuery que la méthode "reset" est un standard de la méthode javascript