3 berichten aan het bekijken - 1 tot 3 (van in totaal 3)
  • Q:

    Bijdrager
    Shmoo

    JavaScript on submit – append array list to input value

     
    <ul>
         <li class=item-row>
              <span class=item-name>Product 1</span>
         </li>
         <li class=item-row>
              <span class=item-name>Product 2</span>
         </li>
         <li class=item-row>
              <span class=item-name>Product 3</span>
         </li>
    </ul>
     
    .....
     
    <form>
     
    ...
    ...
    <input class=producten  type=hidden  value=***hier het lijstje** >
     
    <button type=submit >Submit</button>
    </form>
     
     

    JS.

     
     
    $( "form" ).submit(function( event ) {
     
        var itemArray = $(".item-name").map(function() { return $(this).text() }).get(),
     
        commaSeparatedItems = itemArray.join(",");
     
    });
     

    Ik wil graag een aantal producten, de titels ervan meenemen tijdens het verzenden van een contactformulier. Je kunt het vergelijken met het verzenden van een winkelmandje zonder af te rekenen.

    Dus zodra iemand op de pagina alle velden heeft ingevuld en op verzenden drukt moet via Javascript op dat moment de titels van deze producten die op dat moment in een HTML list worden weergegeven meegenomen worden in een input value=” ** hiero ** “

    Volgens mij bundelt bovenstaande JS nu al alle de titels samen in een komma gescheiden rij.
    Nu was ik aan het zoeken op jQuery en append maar veel voorbeelden gaan over tekst dat je koppelt aan een lege div of paragraaf tag.. Ik wil dus mijn lijstje in een HTML input value=”…” attribute plaatsen niet aan de HTML input tag zelf.


    Bijdrager
    Koning Frank

    Binnenin de functie

     
       $(".producten").attr("value", itemArray);
     

    Wel even je HTML-code kloppend maken.


    Bijdrager
    Shmoo

    Bedankt..

    HTML is valid, dit heb ik even uit de losse pols getikt zonder ” ” op de class.

    Het werkt alleen nog niet, maar waarschijnlijk komt dit omdat het extern PHP script op de pagina een include_once heeft en de action op het form element gewoon de permalink herlaad – daar moet ik straks maar even induiken.

    Edit:

    Nogmaals bedankt, werkt als een tiet! 👍

    • Deze reactie is gewijzigd 2 jaren, 8 maanden geleden door  Shmoo.
3 berichten aan het bekijken - 1 tot 3 (van in totaal 3)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.