[javascript/html] Meerdere pull down menu's

Pagina: 1
Acties:

  • schwa78
  • Registratie: Juli 2001
  • Laatst online: 12-03-2024
Ik heb op mijn website meerdere pull down menu's die in actie moeten komen na een change (itt na een klik op een button).

1 menu werkt gewoon, maar zodra ik er meerder bijzet doet ie het niet meer.

Hoe zou ik dit script aan moeten passen zodat het weer werkt?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(site)
{
   window.location.href = site.options[site.selectedIndex].value;
}
function formHandler(site2)
{
   window.location.href = site2.options[site2.selectedIndex].value;
}
// End -->
</SCRIPT>

<form name="form">
<select name="site" size=1 onChange="formHandler(this)">
<option value="url1.html">link 1</option>
<option value="url2.html">link 2</option>
</select>
<select name="site2" size=1 onChange="formHandler(this)">
<option value="url3.html">link 3</option>
<option value="url4.html">link 4</option>
</select>
</form>

  • sjroorda
  • Registratie: December 2001
  • Laatst online: 18:13
Je definieert tweemaal dezelfde functie (formHandler). Hiervan gaat Javascript over z'n nek. Het aanroepen in beide selects van dezelfde functie is op zich goed, je geeft zelfs al een (this) mee, maar vervolgens doe je daar niets mee ;).

Jouw functie moet iets worden als
code:
1
2
3
4
function formHandler(site)
{
   window.location.href = this.value;
}

(niet getest)

[edit]
't is nog simpeler:
code:
1
2
3
4
5
6
<script type="text/javascript">
function formHandler(site)
{
   alert(site.options[site.selectedIndex].value);
}
</script>


Ik krijg in de alerts netjes de values mee!

[ Voor 82% gewijzigd door sjroorda op 27-03-2003 11:43 ]