Toon posts:

[JS] submit form met dropdown menu

Pagina: 1

Acties:

57 views sinds 30-01-2008
Reageer

woensdag 23 april 2003 15:56

Acties:

Verwijderd

Topicstarter

Ik heb onderstaande code:

<script type="text/javascript">
function submitt(form)
{
location=form.select_bedrijf.value
}
</script>

<form method="post" ><select name="select_bedrijf" onchange="submitt(this.form)">

Deze opent de waarde "select_bedrijf" als nieuw URL.
Hoe krijg ik het voor elkaar dat hij het formulier gewoon submit?

(submitt is geen schrijffout)

woensdag 23 april 2003 15:59

Acties:

Fatamorgana

Fietsen is gezond.

Volgens mij moet je iets doen als: form.action=form.select_bedrijf.value

Dus in totaal:

code:

function submitt(form){
form.action=form.select_bedrijf.value;
form.submit();
}

[ Voor 68% gewijzigd door Fatamorgana op 23-04-2003 16:11 ]

woensdag 23 april 2003 16:10

Acties:

Verwijderd

Topicstarter

fout: 'document.form.myform' is leeg of geen object

Moet het form zijn of forms?

woensdag 23 april 2003 16:12

Acties:

Fatamorgana

Fietsen is gezond.

Verwijderd schreef op 23 april 2003 @ 16:10:
fout: 'document.form.myform' is leeg of geen object

Moet het form zijn of forms?

Het moet document.forms zijn, maar ik heb ff de code aangepast op jouw script, je stuurt waarschijnlijk de form al mee als parameter. Dus zie boven voor hoe het nu moet.

woensdag 23 april 2003 16:17

Acties:

Verwijderd

Topicstarter

Deze eigenschap of methode wordt niet ondersteund door dit object.

Dit kreeg ik ook als ik forms invoerde ipv form.

woensdag 23 april 2003 16:20

Acties:

crisp

Devver

Pixelated

waarom een form, en niet gewoon zo:

HTML:

1	<select name="select_bedrijf" onchange="window.location.href=this.value;">

Intentionally left blank

woensdag 23 april 2003 16:20

Acties:

Fatamorgana

Fietsen is gezond.

Verwijderd schreef op 23 April 2003 @ 16:17:
Deze eigenschap of methode wordt niet ondersteund door dit object.

Dit kreeg ik ook als ik forms invoerde ipv form.

Heb je de form dan wel een naam en een action gegeven???

<form method="post" name="myform" action="">

[ Voor 10% gewijzigd door Fatamorgana op 23-04-2003 16:22 ]

woensdag 23 april 2003 16:21

Acties:

Fatamorgana

Fietsen is gezond.

crisp schreef op 23 April 2003 @ 16:20:
waarom een form, en niet gewoon zo:
HTML:
1
<select name="select_bedrijf" onchange="window.location.href=this.value;">

Omdat er misschien meer variabelen gesubmit moeten worden?

woensdag 23 april 2003 16:24

Acties:

Verwijderd

Topicstarter

@Fatamorgana: heb ik gedaan.

@crisp: andere functies werken ook met select_bedrijf, je moet dus in hetzelfde scherm blijven waar alle functies bij elkaar staan.

woensdag 23 april 2003 16:31

Acties:

Fatamorgana

Fietsen is gezond.

Ik heb dit ff getest en dit werkt:

code:

<html>
    <head>
        <script type="text/javascript">
            function submitt(form){
                form.action=form.select_bedrijf.value;
                form.submit();
            }
        </script>
    </head>
    <body>
        <form method="post" action="">
            <select name="select_bedrijf" onchange="submitt(this.form)">
                <option value="http://www.eerste.com">Nr 1
                <option value="http://www.tweede.com">Nr 2
                <option value="http://www.derde.com">Nr 3
            </select>
        </form>
    </body>
</html>

woensdag 23 april 2003 16:39

Acties:

Verwijderd

Topicstarter

Je code werkt bij mij ook, maar als ik de url verander door een waarde, voegt hij die waarde gewoon achter de url, en de url mag niet veranderen.

Als ik een submit button gebruik gaat hij een nieuwe functie uitvoeren met als waarde select_bedrijf.

woensdag 23 april 2003 16:43

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 23 April 2003 @ 16:39:
Je code werkt bij mij ook, maar als ik de url verander door een waarde, voegt hij die waarde gewoon achter de url, en de url mag niet veranderen.

Als ik een submit button gebruik gaat hij een nieuwe functie uitvoeren met als waarde select_bedrijf.

Je bent ook niet 100% duidelijk moet ik zeggen. Het form submitten kan je in je functie submitt gedoen doen met form.submit();
Als je dan een errormelding krijgt haal dan de name="submit" van je submitbutton weg.
Verder moet je form wel een action hebben (je weet neem ik aan toch wel waar je 'm heen wilt submitten).

Intentionally left blank

woensdag 23 april 2003 16:45

Acties:

Fatamorgana

Fietsen is gezond.

Hmmm, mij is niet helemaal duidelijk wat je nu precies wilt. Wat vervang je precies door een waarde en wat dan weer achter de url geplakt wordt?

woensdag 23 april 2003 16:48

Acties:

Verwijderd

Topicstarter

Je heb helemaal gelijk!

Allebei bedankt, ik moest alleen de naam van de submit button weghalen.
Nou werkt de functie van Fatamorgana ook.

Bedankt voor deze snelle hulp $_/-\o_$

woensdag 23 april 2003 16:53

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 23 april 2003 @ 16:48:
Je heb helemaal gelijk!

Allebei bedankt, ik moest alleen de naam van de submit button weghalen.
Nou werkt de functie van Fatamorgana ook.

Bedankt voor deze snelle hulp $_/-\o_$

* crisp poetst zijn glazen bol nog eens extra

Intentionally left blank

Pagina: 1

Reageer