jquery comment obtenir le formulaire de types d'éléments, les noms et les valeurs

Je sais que je peux obtenir le nom/valeur en utilisant

$(#form).serializeArray();

Mais est-il un moyen pour obtenir toute l'enchilada, le type, le nom et la valeur avec un appel?

OriginalL'auteur PruitIgoe | 2011-04-14

  1. 22

    Utilisation $("form :input")

    Par la docs:

    Description: Sélectionne toutes les entrées,
    textarea, select et bouton d'éléments.

    Maintenant à votre question,

    il un moyen pour obtenir l'ensemble de la
    enchilada, le type, le nom et la valeur avec
    un appel?

    Si vous voulez simplement faire une boucle par les éléments, 

    $("form :input").each(function(index, elm){
  //Do something amazing...
});

    Mais si vous voulez retourner à une sorte de structure, vous pouvez utiliser .map()

    var items = $("form :input").map(function(index, elm) {
    return {name: elm.name, type:elm.type, value: $(elm).val()};
});

    Ou tout simplement si vous voulez obtenir les éléments de

    $("form :input").get()


    Exemple de ce sur jsfiddle

    Oui c'est la meilleure approche si vous voulez extraire le bouton "soumettre".
    Nice nettoyer sélecteur, +1!
    Merci Mark, cela fonctionnera.

    OriginalL'auteur Mark Coleman

  2. 4

    Le code ci-dessous permet d'obtenir les détails des éléments de la forme spécifique avec l'id du formulaire,

    $('#formId input, #formId select').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
):

    Le code ci-dessous permet d'obtenir les détails des éléments de toutes les formes qui sont en place dans le chargement de la page,

    $('form input, form select').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
):

    Le code ci-dessous permet d'obtenir les détails des éléments qui sont en place dans le chargement de la page, même lorsque l'élément n'est pas place à l'intérieur de la balise,

    $('input, select').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
):

    REMARQUE: Nous ajouter plus de balise de l'élément nom de ce dont nous avons besoin dans la liste d'objets, comme ci-dessous,

    Example: to get name of attribute "fieldset",

$('input, select, fieldset').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
):

    OriginalL'auteur Srinivasan.S

  3. 2

    Pouvez-vous parcourir chaque input élément de la forme et utiliser les données que vous obtenez à partir de là? Quelque chose comme ceci:

    $('form input').each(function(i, v) {
    //Access like this:
    //  $(this).attr('type');
    //  $(this).attr('value');
    //  $(this).attr('name');
});
    Je viens de lire sur .chaque et .carte pour voir si ils pouvaient m'aider. : D /n/n je sais que je peux obtenir toutes les entrées de cette façon, mais ce que sur les sélectionner et les textareas?
    Eh bien, vous pourriez modifier le sélecteur d'utiliser form input, form select, form textarea
    Il est de bonne pratique de la programmation à épeler chaque variable pour ce qu'il fait. Avec la plupart des IDE est maintenant automatique il n'est pas nécessaire d'utiliser puisque la lettre variables. Au lieu de i utilisation index et au lieu de v utilisation value
    Bah, oui, je pourrais, si je voulais le rendre facile sur moi-même et tout ça... : D je suis dans la forêt et les arbres de la mode ici, manque évident de trucs...
    Pourquoi choisir comme valeur d'un attribut lorsque vous pouvez simplement utiliser .val()?

    OriginalL'auteur Josh

  4. 2

    Pour obtenir TOUS les éléments de formulaire à utiliser

    $('input, textarea, select').each(function() {
    //  $(this).attr('type');
    //  $(this).attr('name');
    //  $(this).val();
});
    voici ce que je cherche. élégant & simple à tenir pour ma meilleure optimisation de code.. Vous êtes de Grands Cher @Bot 🙂

    OriginalL'auteur Bot

  5. 0

    Peut-être children() sera plus utile, mais vous aurez encore à des éléments de filtrage de l'intérêt, à moins d'utiliser un sélecteur.

    Vous pouvez également effectuer les opérations suivantes si vous ne souhaitez sélectionner succès éléments dans la forme; ce ne sera PAS inclure des boutons ou désactivé champs.

    $($('#testf').serializeArray()).each(function(index, value){
    $('#testf [name="' + value.name + '"]'); //select the named element
});

    Marque la réponse semble être le meilleur moyen, de l'OMI.

    Cela permettra d'inclure tout le code HTML qui est indiqué à l'intérieur des balises de formulaire, comme un enfant.
    Ce jostster dit, puis-je obtenir toutes les étiquettes, <p> balises et ce n'est pas dans le <form></form>
    Je sais, c'est ce que les enfants() mais j'aurais probablement précisé - j'ai mis à jour ma réponse. Merci

    OriginalL'auteur no.good.at.coding