Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[JS] formulier submitten!

jasperlevink
9 antwoorden
  • Hallo mensen!!

    Ik wil graag een formulier versturen met Javascript!
    Als er namelijk gekozen wordt in een select-veld voor een bepaalde optie wil ik in een ander veld de bijbehorende info down! of kan ik dit beter op een andere manier doen?

    Iemand??
  • Een formulier submitten via javascript doe je via de submit() method van een form-object (hoe kan het ook anders).

    document.forms["mijn_form"].submit();

    Je tweede vraag (of er andere opties zijn) is een beetje moeilijk te beantwoorden zonder wat meer informatie over wat je precies wil bereiken, over welke hoeveelheden data we het hebben, enz.

    p.s. bovenstaande en meer over javascript kan je met enkele klikken terugvinden in elke willekeurige javascript reference, bijv:
    http://www.devguru.com
    http://www.w3schools.com
    doe er je voordeel mee.
  • Nog bedankt voor je reactie Annie!!!

    Ik heb het op twee pagina's toegepast. Alleen werkt het maar bij een van beide. De tweede, niet werkende gaat als volgt:

    [code:1:9977b0537b]

    <script language="javascript">

    function select_cat2()
    {
    document.insertl.submit();
    }
    </script>

    <form method="POST" name="insertl" action="<?php echo $PHP_SELF; ?>">


    <select name="cat1" onchange="javascript:select_cat2();">
    <?php

    … code om selectbox op te bouwen naar aanleiding van gegevens uit database …

    ?>
    </select>



    <select name="cat2">
    <?php

    … idem. alleen dan naar aanleiding van keuze bij eerste selectbox, leeg indien nog geen keuze gedaan is! …

    ?>
    </select>

    <input type="hidden" name="submit" value="yes">
    <input type="submit" value="Link toevoegen!!">

    </form>[/code:1:9977b0537b]

    Heeft iemand enig idee waar om het hier niet werkt / zou kunnen werken??
  • 2 puntjes:
    [list:3ff9640d43]
    [*:3ff9640d43]Gebruik liever de volledige notatie van javascript objecten, dus:
  • Thanks. maar helaas…

    De HTML (dus zonder PHP), en nog steeds niet werkende code is te vinden op: http://www.managementplein.nl/test.html

    (als je dus bij de eerste selectbox een optie kiest, moet het formulier opnieuw ingeladen worden en moet de tweede selectbox gekozen worden!)

    thanks!
  • Bij het inladen van je pagina krijg je al meteen een javascript foutmelding (line 7, Object expected).

    Een snelle blik in je source leert dat je daar de functie [i:b08611a54b]init()[/i:b08611a54b] aanroept en die bestaat niet (zoals de foutmelding ook aangeeft).

    De boosdoener:
    [code:1:b08611a54b]
    <body onload="init()">
    [/code:1:b08611a54b]
  • Sorry mijn fout..

    heb t een en ander geknipt uit de source…

    zou je nog een keer willen kijken? (Zonder init() werkt t nl ook niet…)

    http://www.managementplein.nl/test.html

    Grtz.
  • Ben ruit hoor!!!

    ik had r een hidden textveld in staan met de naam submit…

    vond ie blijkbaar niet zo leuk…………

    Bedankt voor de moeite!!1

    Jasper
  • Wijzig de naam van je hidden input eens in [b:9da6e00001]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.