Toon posts:

Submit met behulp van <select>-value

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een scripje voor een uitschuiflijstje waarmee na het kiezen hij van pagina veranderd:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="JavaScript">
<!--
function go(what) {
  value = what.options[what.selectedIndex].value;
  if (value == "") return;
  window.location.href = value;
}
//-->
</script>

<select size="1" name="land" onChange="go(this)">
<option value=nieuw.asp> bla bla bla </option>
</select>


Nu gaat hij dan naar nieuw.asp werkt allemaal goed alleen nu staat natuurlijk mijn
uitschuiflijst in een form en ik wil die tegelijkertijd submitten als ik een waarde kies uit het lijst. zodat alle gegegevens meegaan die ook in het form zitten.
Iemand een idee?

Alvast bedankt

[ Voor 11% gewijzigd door Verwijderd op 11-06-2003 15:04 ]


  • sjroorda
  • Registratie: December 2001
  • Laatst online: 21:12
Volgens mij doe jij veel te moeilijk: zet de select gewoon in je formulier, en maak ervan:

<select ... onChange="document.formname.submit();">

Als je dan de waarde wijzigt, wordt het formulier gesubmit (heerlijk Nederlands trouwens :+).

BTW: zet quotes om nieuw.asp heen, da's een stuk netter!

  • curry684
  • Registratie: Juni 2000
  • Laatst online: 13-08 16:46

curry684

left part of the evil twins

Welkom in P&W: FAQ en Beleid *updated: 14-04*

Javascript is Webdesign & Graphics, niet Programming & Webscripting. PW -> WG dus

En plak ook even [code=html] en [/code] tags om je post aub.

Professionele website nodig?


Verwijderd

Topicstarter
sorry curry voor t verkeerd plaatsen.
sjroorda ik heb die code geprobeerd krijg alleen de error: 'document.formname' isnull or not an object terwijl het formulier gewoon een naam heeft!!! B.t.w. kweet da m'n nederlands nie erg goed is. :D

Verwijderd

het makkelijkste is om de action van het form te wijzigen...

normaal staat er zoiets als <form id="form1" name="form1" action="xxx.html" method="post">

als je die xxx.html wijzigt in nieuw.asp ben je klaar....

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
HTML:
1
2
3
4
5
6
<form method="post" action="post.asp">
<select name="url" onchange="this.form.action = this.options[this.selectedIndex].value; this.form.submit();">
    <option value="nieuw.asp">Nieuw</option>
    <option value="oud.asp">Oud</option>
</select>
</form>

Verwijderd

Topicstarter
Oke nu werk ie!!! kei bedankt!

[ Voor 87% gewijzigd door Verwijderd op 11-06-2003 15:30 ]


  • sjroorda
  • Registratie: December 2001
  • Laatst online: 21:12
Dat Nederlands ging over mijn eigen 'gesubmit' :+.
En 'formname' moet je uiteraard vervangen door de naam van je formulier!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

Enige nadeel van die methode is dat je als je GET gebruikt je dit soort urls gaat openen:

.../nieuw.asp?url=nieuw.asp

Wat niet echt mooi is.. dan is iets meer javascript en dus zonder de submit wat praktischer.

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
Of je disabled nog even snel dat element voordat je submit ;) :P.

HTML:
1
2
3
4
5
6
<form method="post" action="post.asp">
<select name="url" onchange="if( this.options[this.selectedIndex].value != '' ) { this.form.action = this.options[this.selectedIndex].value; this.disabled = true; this.form.submit(); }">
    <option value="nieuw.asp">Nieuw</option>
    <option value="oud.asp">Oud</option>
</select>
</form>

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

Das voor de hele creatieven onder ons dan ;)

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
Bosmonster schreef op 11 June 2003 @ 15:34:
Das voor de hele creatieven onder ons dan ;)
Als hij perse variabelen uit een form wil meesturen dan lijkt mij dat de meest mooie oplossing. Een kniesoor die let op de URL die je dan krijgt, maar goed..speciaal voor die kniesoren dus vorige oplossing :P >:).

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

tja.. maar jij hebt dus

code:
1
if( this.options[this.selectedIndex].value != '' ) { this.form.action = this.options[this.selectedIndex].value; this.disabled = true; this.form.submit(); }


nodig wat exact hetzelfde doet als
code:
1
location.href=this.value;


Dus tenzij je wat te compenseren hebt kies ik voor de korte oplossing ;)

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
Bosmonster schreef op 11 juni 2003 @ 15:37:
tja.. maar jij hebt dus

[..]

nodig wat exact hetzelfde doet als

[..]

Dus tenzij je wat te compenseren hebt kies ik voor de korte oplossing ;)
Foei meneer Bosmonster, van een litemod mag je toch verwachten dat hij of zij de topic leest.
Nu gaat hij dan naar nieuw.asp werkt allemaal goed alleen nu staat natuurlijk mijn
uitschuiflijst in een form en ik wil die tegelijkertijd submitten als ik een waarde kies uit het lijst. zodat alle gegegevens meegaan die ook in het form zitten.
Iemand een idee?

[ Voor 15% gewijzigd door McVirusS op 11-06-2003 15:39 ]


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

pff details :+

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
Je herkent het werk van een ware professional uit de details :P *kuchekuch*.
Pagina: 1