html array-Elemente mit jquery

ich habe eine HTML-array;

<input class="input_box" name="authors[]" id="author1"/>

was ich will zu tun ist, bekommen Sie den Wert dieses array eine Anzeige, ohne die Seite aktualisieren (ich will den Wert anzuzeigen, direkt neben dem Eingabefeld, in einem unabhängigen div)

$(document).ready(function(){    
$("input[id^="author"]").change(update);
});
    function update(){ 
    var authors=new Array();
    $("input[id^="author"]").each(function(){authors.push($(this).text()) }); 
    var author= '"' + authors.join('", "') + '"';

    $('#val-authors').html('authors:<span class="red"> "'+author+'"</span>');}

nur, was ich sehe, in <div id="val-authors"> ist, "",

was bin ich?

vielen Dank im Voraus..

InformationsquelleAutor teutara | 2012-03-15
  1. 7

    Ihre Auswahl:

    $("input[id^="author"]")

    ist falsch, weil Sie versuchen, verwenden Sie doppelte Anführungszeichen innen doppelten Anführungszeichen. Eines der Paare muss in single-quotes.

    Wenn du mit einem JS-debugger sollte dies sofort angezeigt werden.

    FWIW, dies ist ein sauberer Weg um das benötigte array:

    var authors = $('input[id^="author"]').map(function() {
  return this.value;
}).get();
    InformationsquelleAutor Alnitak
  2. 3

    Ihre "html-Feld" ist und nicht ein array überhaupt, selbst unter der Annahme es gibt eine Reihe von anderen ähnlichen Eingaben (obwohl, wenn das Formular abgeschickt wird Ihre gewählte server-side-Sprache, wahrscheinlich hast du Zugriff auf die Werte der Eingänge mit dem gleichen Namen wie ein array). Anyway...

    Das Hauptproblem ist, dass Ihre JS hat einen syntax-Fehler:

    $("input[id^="author"]")

    Wenn Sie möchten, um Doppel-Anführungszeichen in einem double-quoted " string literal Sie haben zu tun, entkommen Sie:

    $("input[id^=\"author\"]")

    Oder zitieren Sie die Zeichenfolge mit singles:

    $('input[id^="author"]')

    Kann es effizienter sein, um zu vermeiden, die Attribut-startet-mit-Selektor mit dem id-Attribut, und wählen Sie durch das name-Attribut fest, das für jQuery in eckigen Klammern in die atttribute Namen müssen mit backslashes escaped werden, und für den JS-string-Literale umgekehrte Schrägstriche müssen ebenfalls escaped werden:

    $('input[name="authors\\[\\]"]')

    Auch, um den Wert eines Eingangs mit jQuery verwenden .val() eher als .text(), aber es ist effizienter, nur this.value:

    var authors = [];
$('input[id^="author"]').each(function(){ authors.push(this.value); });

    Ich würde auch empfehlen deklarieren von arrays mit = [] eher als = new Array().

    • danke @nnnnnn, die ich nicht erwähnt habe, hier aber habe ich ein weiteres javascript fügt hinzu, dass Autoren in[], also ich habe mehrere Autor in der Tat. ich habe versucht Ihren Rat und replacev .text() an .val(), und baam! danke..
    • Cool. Glücklich zu helfen. (Ich habe verstanden, dass Sie hatte mehrere authors[] Elemente, aber mein Punkt über das array ist, dass html nicht haben-arrays.)
    InformationsquelleAutor nnnnnn
  3. 1

    Ändern:

    $("input[id^="author"]").change(update);

    Zu:

    $("input[id^='author']").change(update);
    InformationsquelleAutor Sudhir Bastakoti
Schreibe einen Kommentar