jquery, wie man Formular-element-Typen, Namen und Werte

Ich weiß, ich kann die name - /Wert-Verhältnis durch die Verwendung

$(#form).serializeArray();

Aber ist es ein Weg, um die ganze enchilada, Typ, name und Wert mit einem Anruf?

InformationsquelleAutor PruitIgoe | 2011-04-14

22

Verwenden $("form :input")

Pro die docs:

Beschreibung: Wählt alle input -,
textarea, select und button-Elemente.

Nun zu deiner Frage,

gibt es einen Weg, um die ganze
enchilada, Typ, name und Wert mit
ein Anruf?

Wenn Sie wollen einfach nur eine Schleife durch die Elemente,
```
$("form :input").each(function(index, elm){
  //Do something amazing...
});
```
Aber wenn Sie zurückkehren möchten, irgendeine Art von Struktur, die Sie verwenden können .map()
```
var items = $("form :input").map(function(index, elm) {
    return {name: elm.name, type:elm.type, value: $(elm).val()};
});
```
Oder wenn Sie wollen einfach nur, um die Elemente
```
$("form :input").get()
```
Beispiel auf jsfiddle

Ja, das ist der beste Ansatz, wenn Sie wollen auch wieder den submit-button.
Schönes, sauberes selector, +1!
Danke Mark, dann klappt das.

InformationsquelleAutor Mark Coleman

Den code unten hilft, um die details der Elemente, die aus der spezifischen form mit dem form-id,

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

Den code unten hilft, um die details der Elemente von allen Formen, die in die für das laden der Seite,

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

Den code unten hilft, um die details der Elemente, die in die für das laden der Seite, auch wenn das element nicht in der tag,

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

HINWEIS: ergänzen Wir die mehr-element-tag-name für das, was wir brauchen in der Objekt-Liste wie unten,

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());
    }
):

InformationsquelleAutor Srinivasan.S

2

Können Sie eine Schleife durch jeden input element der Gestaltung und Nutzung der Daten erhalten Sie von dort? So etwas wie dieses:
```
$('form input').each(function(i, v) {
    //Access like this:
    //  $(this).attr('type');
    //  $(this).attr('value');
    //  $(this).attr('name');
});
```
Ich habe nur gelesen bis auf .jede und .anzeigen um zu sehen, ob Sie helfen würde. : D /n/n ich weiß, ich kann erhalten alle Eingänge, die Art und Weise, aber was wählen Sie und Texteingabefelder?
Nun könnte man ändern Sie den Selektor zu verwenden form input, form select, form textarea
Am besten ist es Praxis in der Programmierung zu buchstabieren jede variable für das, was es tut. Mit den meisten IDE 's jetzt mit" auto-vervollständigen " es gibt keine Notwendigkeit zu verwenden, da Buchstaben Variablen. Statt i verwenden index und statt v verwenden value
Uhh, yeah, ich könnte, wenn ich wollte es einfach auf mich selbst und all das... : D ich bin im Wald und die Bäume-Modus hier, fehlt offensichtliche Sachen...
Warum wählen Sie Wert als Attribut, wenn Sie konnte einfach .val()?

InformationsquelleAutor Josh
2

Bekommen ALLE Formular-Elemente verwenden
```
$('input, textarea, select').each(function() {
    //  $(this).attr('type');
    //  $(this).attr('name');
    //  $(this).val();
});
```
hier ist, was ich Suche. elegant & einfach zu halten, diese für meine bessere code-Optimierung.. Sie sind Toll, Liebe @Bot 🙂

InformationsquelleAutor Bot
0

Vielleicht children() wird mehr nützlich, aber Sie müssen noch die filter-Elemente von Interesse, selbst, wenn Sie mithilfe einer Auswahl.

Könnten Sie auch Folgendes tun, wenn Sie nur wollen, wählen Sie erfolgreiche Elemente in der form; diese enthalten jedoch KEINE Tasten oder deaktivierte Felder.
```
$($('#testf').serializeArray()).each(function(index, value){
    $('#testf [name="' + value.name + '"]'); //select the named element
});
```
Mark ' s Antwort scheint die beste Art und Weise, IMO.

Hierzu gehören alle HTML-Code, der aufgeführt ist, innerhalb der form-tags, wie ein Kind.
Was jostster sagte, dann bekomme ich alle Beschriftungen, <p> - tags und was nicht innerhalb der <form></form>
Ich weiß, das ist was für Kinder (), aber ich sollte wahrscheinlich haben geklärt - habe ich aktualisiert meine Antwort. Dank

InformationsquelleAutor no.good.at.coding

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.