[JS] Directen door pulldown menu's

[SuperJERK]

Hi,
PHP lukt aardig alleen Javascript is iets wat ik niet helemaal begrijp...

Ik ben met een webwinkeltje bezig en nu heb ik diverse pull down menuutjes.
In deze pulldown menus kan je aangeven welk aantal je van een bepaald artikel wil hebben.

Bijv.

Videokaart [0]
Monitor [0]

De '0' is dus een pulldown menu en moet je dus kunnen veranderen naar een getal.

Als iemand het cijfer veranderd wil ik graag dat deze door wordt gestuurd naar een url. Deze url bestaat uit het product nummer en het aantal (bijv. mandje.php?artikelnummer=333535&aantal=2)

Nou heb ik het volgende script gevonden.

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>

<form name="form">
<select name="site" size=1>
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
</select>
<input type=button value="Go!" onClick="javascript:formHandler(this)">
</form>
</center>

Ik snap alleen niet hoe ik dit kan doen met verschillende pulldown menuutjes.

Zelf dacht ik aan zoiets.

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(form){
var URL = document.form.*WAT_HIER???*.options[document.form.*WAT_HIER???*.selectedIndex].value;
window.location.href = "mandje.php?artikelnummer=" + URL + ???;
}
// End -->
</SCRIPT>

<form name="form">
<select name="09876" size=1  onChange="javascript:formHandler(this)">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<select name="12345" size=1  onChange="javascript:formHandler(this)">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
</form>

Alleen nu weet ik dus niet hoe ik die artikelnummers kan doorgeven (dus de naam van het pulldown menu).

Hopelijk snappen jullie mijn vraag... zo niet geef het aan en ik zal wat meer uitleg proberen te geven Alvast bedankt voor alle hulp!

[ Voor 41% gewijzigd door SuperJERK op 03-08-2003 23:55 ]

[supakeen]

* supakeen requests meer uitleg?

Vooral die verschillende pull-down's? In 1 formulier voor de verschillende artikelen

[SuperJERK]

Hier heb ik dus een voorbeeldje van hoe het eruit moet gaan zien en wat hopelijk mijn vraag wat duidelijk maakt


Als je op een pulldown menuutje drukt kan je dus een getal (aantal) kiezen en als je em die selecteerd moet de gebruiker doorgestuurd worden naar de juiste url. Dat is dus bijv. mandje.php?artikelnummer=334e&aantal=3

[ Voor 57% gewijzigd door SuperJERK op 03-08-2003 23:59 ]

[Helmet]

denk ik te makkelijk of is dit de oplossing?

HTML:

<select onchange="location.href='mandje.php?artikelnummer={dezemaakjeaanuitjedatabeest/sessie}&aantal=' + this.options[this.selectedIndex].value;">

[ Voor 9% gewijzigd door Helmet op 04-08-2003 00:02 ]

[pietje63]

Welkom in P&W: FAQ en Beleid *updated: 05-07* -> policy dit is niet voor javascript

wat jij nodig hebt (en zelf om vraagt) is wel javascript...

verder zoals helmet zegt isdit een simpele onchange functie van javascript die je heel simpel via google kan vinden (zelf 2 weken geleden nog gedaan )

[SuperJERK]

Helmet schreef op 04 augustus 2003 @ 00:01:
denk ik te makkelijk of is dit de oplossing?

HTML:

<select onchange="location.href='mandje.php?artikelnummer={dezemaakjeaanuitjedatabeest/sessie}&aantal=' + this.options[this.selectedIndex].value;">

Jah dat kan natuurlijk ook......

Thanks! Ik zit nu al een tijdje tegen dit probleem aan te hangen en wist het echt niet meer. Ik ga het meteen ffies uitproberen... ik laat nog wel even weten of het gelukt is.

[SuperJERK]

pietje63 schreef op 04 augustus 2003 @ 00:04:
Welkom in P&W: FAQ en Beleid *updated: 05-07* -> policy dit is niet voor javascript

wat jij nodig hebt (en zelf om vraagt) is wel javascript...

verder zoals helmet zegt isdit een simpele onchange functie van javascript die je heel simpel via google kan vinden (zelf 2 weken geleden nog gedaan )

Sorry je hebt helemaal gelijk.. ik zit met me gedachten nog zo diep in dat PHP dat ik even vergat dat Javascript niet server side is....

Scripts zoeken is natuurlijk geen probleem, maar ik had helemaal niet aan deze oplossing gedacht.

[SuperJERK]

* SuperJERK is helemaal blij!

Werkt perfect en een stuk simpeler dan ik had kunnen dromen

[ Voor 8% gewijzigd door SuperJERK op 04-08-2003 00:18 ]

[Verwijderd]

SuperJERK schreef op 03 augustus 2003 @ 23:45:
Ik snap alleen niet hoe ik dit kan doen met verschillende pulldown menuutjes.

Zelf dacht ik aan zoiets.

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(form){
var URL = document.form.*WAT_HIER???*.options[document.form.*WAT_HIER???*.selectedIndex].value;
window.location.href = "mandje.php?artikelnummer=" + URL + ???;
}
// End -->
</SCRIPT>

<form name="form">
<select name="09876" size=1  onChange="javascript:formHandler(this)">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<select name="12345" size=1  onChange="javascript:formHandler(this)">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
</form>

Alleen nu weet ik dus niet hoe ik die artikelnummers kan doorgeven (dus de naam van het pulldown menu).

Hopelijk snappen jullie mijn vraag... zo niet geef het aan en ik zal wat meer uitleg proberen te geven Alvast bedankt voor alle hulp!

Je kan toch gewoon het formulier posten en dan m.b.v. $_POST['foo'] de waarden ophalen???

Bovendien mag [i]name[i] in <select name="12345"> o.m. niet met een cijfer beginnen. Dit moet je zelf maar ff aanpassen/uitbreiden in onderstaande code.

code:

<script type="text/javascript" language="javascript">
  <!-- Begin
  function formHandler(selectid)
  {var selIndex = 0; 
    var URL = '';
 
    if (document.getElementById)
    { var el = document.getElementById(selectid.id);
        selIndex = el.selectedIndex;
        URL = "mandje.php?artikelnummer=" + el.id + '&aantal=' + selIndex;
        window.location.href = URL;
    }
  }
  // End -->
</script>
 
<form name="form">
  <select id="09876" size=1  onchange="formHandler(this);">
    <option value="1" selected="selected">1
    <option value="2">2
    <option value="3">3
  </select>
  <select id="12345" size=1  onchange="formHandler(this);">
    <option value="1" selected="selected">1
    <option value="2">2
    <option value="3">3
  </select>
</form>

[ Voor 17% gewijzigd door Verwijderd op 04-08-2003 00:33 ]

[.oisyn]

PW -> WG