JQuery comment faire pour effacer toutes les entrées:textfields de un .classe sur un formulaire. Ne fonctionne pas pour moi

J'ai un formulaire, la première .la classe dispose de 5 entrées:les zones de texte en elle. Je veux être en mesure d'effacer toutes les zones de texte avec le clic d'un bouton. Je l'ai essayé un peu de moyens et il ne fonctionne pas... voici ce que j'ai fait.... (Pour info, j'ai plus de classes dans la forme donc je ne peux pas l'utiliser .réinitialiser.

La Forme...

<table class="orderLine1 formFont" width="900">
 <tr>
    <td width="395">Product Name:<br><input class="ProductName" type="text" size="65"></td>
    <td width="97" class="formFontDisabled">Prod ID:<br><input class="Product_ID ffd" type="text" size="5" disabled></td>
    <td width="78" class="formFontDisabled">UPC:<br><input class="UPC ffd" type="text" size="13" disabled ></td>
    <td width="67" class="formFontDisabled">List Price:<br><input class="ListPrice ffd" type="text" size="7" disabled></td>    
    <td width="67">WholeSale:<br><input class="WholeSalePrice ffd" type="text" size="7" disabled></td>
    <td width="56">Quantity:<br><input class="qty addLine" type="text" size="7"></td>
    <td width="60" class="formFontDisabled">Line Total:<br><input class="subTotal ffd" type="text" size="10" disabled></td>
    <td width="44"><button class="OFDeleteButton">Delete</button><button class="OFClearLine" >OFClearLine</button></td>
  </tr>
</table>

Le Script De Test # 1

   $(document).ready(function(e) {
    $(function clearFirst() {
         $('.orderLine1').find(':input').each(function() {
             switch(this.type) {
                 case 'text':
                    $(this).val('');
                    break;
                 }
             });
        });

    $('.OFClearLine').click(function(e) {
        clearFirst();
    });
    });

Le Script De Test # 2

  $(function(){
        $('.OFClearLine').bind('click', function(){
            $('.orderLine1').reset();
        });
    });

Plus d'infos: OFClearLine est la classe pour le bouton je veux utiliser & orderLine1 est la classe de la forme.

Merci d'avance!

InformationsquelleAutor Monty | 2011-11-08
  1. 22
    $(function() {
  $('.OFClearLine').click(function() {
    $('.orderLine1 input[type="text"]').val('');
  });
});
    InformationsquelleAutor PeeHaa
  2. 7

    Quelque chose comme cela devrait fonctionner:

    $("input.className:text").val("");

    En regardant ton code, ce serait mieux:

    $(".className input[type='text']").val("");

    Voici un jsFiddle: http://jsfiddle.net/nvUsD/1/

    • Ce un $(".className input[type='text']").val(""); ne fonctionne pas pour moi, mais celui-ci $("input.className:texte").val(""); a fonctionné comme un charme. Merci!
    InformationsquelleAutor James Johnson
  3. 1

    Le code suivant va trouver toutes les saisies de texte qui sont des descendants du .orderLine1 élément de la table et de définir leurs valeurs à rien.

    $('.OFClearLine').bind('click', function(){
    $('.orderLine1').find('input[type="text"]').val('');
});
    InformationsquelleAutor Jasper
  4. 0

    Essayez ceci:

    $(document).ready(function(e) {
    $('.OFClearLine').click(function(e) {
        $('.orderLine1 input:text').each(function() {
                $(this).val('');
        });
    });
});

    Vous pouvez le voir en action sur ce violon, http://jsfiddle.net/nickyt/exWKL

    InformationsquelleAutor nickytonline
  5. -2

    Je ne suis pas sûr si il peut voir votre clearFirst fonction. Aussi, vous pouvez simplement utiliser $('.orderLine1 input') pour trouver toutes les entrées dans le .orderLine1 classe.

    $(document).ready(function(e) {    
    $('.OFClearLine').click(function(e) {
        clearFirst();
    });
});

function clearFirst() {
    $('.orderLine1 input[type="text"]').each(function() {
         $(this).val('');
    });
}
    InformationsquelleAutor Marklar