jquery selector-array

bin ich mit einem zum Warenkorb hinzufügen problem.Einige Produkte haben Optionen wie Farbe/Größe. Ziehe ich die select-box für die Farbe/Größe und die Eingabe für die Menge.

<select name="productOption[1234][color]">
<select name="productOption[1234][size]">
<input type="text" name="productOption[1234][qty]">

Also option ist ein array, das hält die Werte für jedes Produkt.In der abov Beispiel sind die Optionen der Produkt mit der id=1234.

Versuchte ich

var productOptions=$("name^='productOption["+productID+"]'").val();

erwartet man das array von Optionen für den angegebenen productID, sondern seine nicht funktioniert.
Die Optionen sind dynamisch, einige Produkte können zusätzliche Optionen

Kann mir jemand helfen mit dem Wahlschalter so ein, dass das abrufen der Werte-array für gegeben productID und übergeben Sie an serverSide.

Dank

InformationsquelleAutor ntan | 2009-12-08

  1. 9

    Ich denke, das ist, was Sie wollen, vorausgesetzt, Sie sind mit jQuery.

    <script type="text/javascript">
function getProductDetails( product_id ) {
    var product_details = [];
    jQuery( '[name*="productOption[' + product_id + ']"]' ).each( function() {
        var option = jQuery( this );
        var type = option.attr( 'name' ).match( /productOption\[\d+\]\[(\w+)\]/ );
        product_details[ type[1] ] = option.val();
    } );

    return product_details;
}
</script>

    Diese Rückkehr wird eine zugehörige array. Damit Sie tun konnte...

    var details = getProductDetails( 1234 );
alert( details['qty'] );
    +1 für die gute Antwort.
    danke!

    InformationsquelleAutor William

  2. 4

    Haben Sie vergessen, den Attribut-Selektor ([attr^=Wert])

    var productOptions=$("[name^='productOption["+productID+"]']").val();

    InformationsquelleAutor Philippe Leybaert

  3. 1

    scape interne Klammern mit '\ \' (keine Leerzeichen) - viel einfacher

    $('input[name=items\\[\\]]')

    wie hier zu sehen jquery - wählen Sie alle Checkboxen mit js-array-Namen

    Erstens, Ihre Technik hilft nicht mit dieser Frage, wie der OP schon die Einhausung der text in Anführungszeichen gesetzt werden. Zweitens, Sie sind der Beantwortung einer Frage vor fast 2 Jahren, und eine, die bereits eine akzeptierte Antwort. Drittens, wie kann das hinzufügen von nicht-intuitive `\` im code einfacher sein als im Vergleich zu einfach mit passenden Anführungszeichen gesetzt?

    InformationsquelleAutor Myers Network

Schreibe einen Kommentar