jQuery - get einen Wert von dynamisch erstellte input

Bitte siehe demo hier: http://jsfiddle.net/9pR87/28/

  1. Eingabe hinzufügen - fügt neue Zeile mit den neuen Eingang
  2. Zu bekommen Wert ist immer der Wert des zuletzt hinzugefügten input

Bin ich somit einige extra Zeilen (Rechnung-element), aber wenn ich verwenden möchten, um den Wert in dynamisch erstellte input, aber der input-Wert ist immer undefined. Warum?

Warum jQuery nicht finden können, den Wert dynamisch erstellte input?

InformationsquelleAutor Iladarsda | 2012-09-11

  1. 6

    Ich denke, das ist genug für das, was Sie wollen:

    $('#GetValue').click(function() {
    var i = $('table tbody tr').length-1; //subtract 1 for correct indexing
    alert($('#ItemPrice-' + i).val());
    //OR
    alert( $('[id^=ItemPrice]:last').val() );
});

    Demo

    Laut Kommentar mit jsfiddle

    Das problem ist:

    tableRow += '<td><input type="text" name="ItemPrice[]" id="ItemPrice-' + i + ' " 
                                                                              ^--- an space
placeholder="Item Price"></td>';

tableRow += '<td><input type="text" name="NumberOfItems[]" id="NumberOfItems-' + i + ' " 
                                                                                      ^-- an space
placeholder="Number Of Items"></td>';

    Hier ist das update und funktionierenden code

    Super!!! Dass das Problem behoben wurde. Allerdings habe ich nicht abgebildet, das Problem richtig, siehe hier: jsfiddle.net/JF38y/11, Wenn Sie neue Zeile, in der der inline-calc nicht funktioniert. $("#ItemPrice-" + RowIndex) ist immer undefiniert. Das problem ist, dass jQuery nicht finden können, die dynamisch erstellte input. Irgendeine Idee?
    Check mein update
    Gutes Auge! Ist das denn jQuery ist auf der Suche nach einer ID als string, was bedeutet, immer den Raum, in die auch zählen? Firebug zeigt tatsächlich den Raum, wie gut!

    InformationsquelleAutor thecodeparadox

  2. 2
    $('#GetValue').click(function() {

    var i = $('table tbody tr').length; //this line is the issue

    alert($('#ItemPrice-' + i).val());

});​

    Habe ich kopiert die Funktion in Ihrem code, der Ihnen das Problem. Die Linie, die ich hervorgehoben haben sollte, dann dies:

    var i = $('table tbody tr').length-1;

    Dies ist, da arrays in Javascript sind 0-indiziert, das heißt, Sie starten von null aufwärts gezählt. Dies bedeutet, dass wenn Sie möchten, um das Letzte element des Arrays, die Sie brauchen, um zu finden, die Länge des Arrays und subtrahieren eins, wie ich gezeigt haben.

    Diese Zeile:

    alert($('#ItemPrice-' + i).val());

    tatsächlich gibt ein array zurück, das beginnt mit dem zählen bei 0 an. Deshalb immer das element an position array.length gibt Sie undefined zurück.

    Hier ist eine funktionierende demo als Beweis.

    InformationsquelleAutor Elliot Bonneville

Schreibe einen Kommentar