[JS]Gegevens versturen

[biwitch]

Hieronder vind je het script dat ik gemaakt heb, om een dropdownlist te krijgen, en daarachter het aantal velden.

Ik zou graag zien dat deze gegevens net als de rest van het formulier wordt verstuud naar mijn email.
Daar is al een PHP actie gelegd dmv POST.

Maar hoe krijg ik de gegevens van zo'n javascript ook in diezelfde email.

JavaScript:

<script type="text/javascript">
function displayfields(dropdownlist)
{

   var aantalPersonen = dropdownlist.options[dropdownlist.selectedIndex].value;
   var Naam;
   var Email;
   var Telefoon;
        var extraVeldenContainer = document.getElementById("extravelden");

   // LET OP: maak extraVeldenContainer (<div>) eerst leeg:
   empty(extraVeldenContainer);

        // maak van "1"/"2"/enz. 1/2/enz.
   aantalPersonen = parseInt(aantalPersonen);

        // loop door het aantal personen heen:
   for (var i = 0; i < aantalPersonen; i++) {
      extraVeldenContainer.appendChild(document.createTextNode("Naam: "));

      naam = document.createElement("input");
      naam.setAttribute("type", "text");
      naam.setAttribute("name", "Naam[" + i + "]");

      extraVeldenContainer.appendChild(naam);
      extraVeldenContainer.appendChild(document.createElement("br"));

      extraVeldenContainer.appendChild(document.createTextNode("Email: "));

      leeftijd = document.createElement("input");
      leeftijd.setAttribute("type", "text");
      leeftijd.setAttribute("size", "3");
      leeftijd.setAttribute("name", "Email[" + i + "]");

      extraVeldenContainer.appendChild(leeftijd);
      extraVeldenContainer.appendChild(document.createElement("br"));

      extraVeldenContainer.appendChild(document.createTextNode("Telefoon: "));

      email = document.createElement("input");
      email.setAttribute("type", "text");
      email.setAttribute("name", "Telefoon[" + i + "]");

      extraVeldenContainer.appendChild(email);
      extraVeldenContainer.appendChild(document.createElement("p"));
   }
}

// pak een element (node) en zoek daarin alle elementen
// deze elementen worden vervolgens verwijderd, en daarin ook
// alle andere elementen die zich weer bevinden IN dat element
// deze functie werkt dus recursief!!
function empty(node)
{
   if (!node) return;

   while (node.hasChildNodes()) {
      empty(node.firstChild);
      node.removeChild(node.firstChild);
   }
}

</script>
<select name="aantalpersonen" onchange="javascript:displayfields(this)">
  <option value="1">1 persoon</option>
  <option value="2">2 personen</option>
  <option value="3">3 personen</option>
  <option value="4">4 personen</option>
</select>
<div id="extravelden">
<!-- hier komen alle extra velden in terecht -->
</div>

[Janoz]

Java is absoluut niet hetzelfde als javascript. Daarnaast hoort javascript in WEB.

Titel aangepast en topic verplaatst....

[moozzuzz]

HTML:

<form action="PHPpaginaDieAllesVerwerkt" method="POST">
<select>...</select>
<input type="submit" value="verzend da ies snel!">
</form>

<script></script>

[biwitch]

Zoals ik al zei, heb ik dat al!

Alleen hij neemt de inhoud van de velden niet op die door JS gegenereerd zijn.
Ik krijg dan als output:

Naam: array

[moozzuzz]

Zover ik in je code kan zien is Naam ook wel degelijk een array? ik maak m'n forms bijna steeds op via één array:

HTML:

    <input name="contact[naam]" value="" ...>
    <input name="contact[voornaam]" value="" ...>
    <input name="contact[telefoon]" value="" ...>
    <input name="contact[email]" value="" ...>

met

PHP:

    $input = $_POST[contact];
    $naam = $_POST[contact][naam];
    doeIetsIntelligentMetEmail($input[email]);

[ Voor 3% gewijzigd door moozzuzz op 02-11-2007 13:24 ]

[crisp]

In welke browser test je? Want ik kan je zo al vertellen dat IE dit niet slikt:

JavaScript:

email = document.createElement("input");
email.setAttribute("type", "text");
email.setAttribute("name", "Telefoon[" + i + "]"); 

[biwitch]

Ik heb het getest met IE7, en dat werkte prima.

Tot nu toe heb ik dit kunnen maken. Emailadres afgeschermd
<snip>
Als je code post, post dan enkel relevante delen, en geen enorme lappen code die er niet toe doen.

[ Voor 112% gewijzigd door RobIII op 02-11-2007 14:06 ]

[Verwijderd]

Laat je php code eens zien, want volgens mij gaat het daar (ook) fout.

JavaScript:

naam = document.createElement("input"); 
naam.setAttribute("type", "text"); 
naam.setAttribute("name", "Naam[" + i + "]"); 

Het naam veld krijg je als array binnen, dus die verwerk je dan ook zo. Wat ik uit je vervolg post begrijp, krijg je ook een array terug.

PHP:

$namen=$_POST["Naam"];
foreach($namen as $naam)
echo $naam;

Wat krijg je uberhaupt binnen? Doe eens een var_dump van de post variabelen?

PHP:

var_dump($_POST);

Krijg je scripting fouten?

[biwitch]

Verwijderd schreef op vrijdag 02 november 2007 @ 14:01:

Krijg je scripting fouten?

Je gaat me iets te snel.klein n00bmeisje
Wat moet ik met die var_dump doen?
<snip>
2e keer: ik blijf niet bezig:

Als je code post, post dan enkel relevante delen, en geen enorme lappen code die er niet toe doen.

[ Voor 191% gewijzigd door RobIII op 02-11-2007 14:11 ]

[biwitch]

Kan je uberhaupt wel met javascript data versturen.

ik heb wel een mailform van java bekeken, maar die heeft dan een functie die alleen werkt met Outlook gebruikers. Dus die vorm van verzenden zou ik niet kunnen gebruiken.

[moozzuzz]

Start bij het begin:

• info over formulieren
• PHP-docs met oa iets over $_POST en arrays

... want je begint in het wilde weg te schieten (en dat kost veel kogels en brengt weinig zoden aan de dijk).