login  Naam:   Wachtwoord: 
Registreer je!
 Forum

selectedindex wijzigen (Opgelost)

Offline marten - 23/02/2007 16:50
Avatar van martenBeheerder Beste,

ik wil de selected index van een dropdown menu wijzigen. Ik wil namelijk dat wanneer in de dropdown genaamd type de eerste optie (selectedindex 0) gekozen word , dat er in de tweede en derde dropdown dit ook veranderd word naar de optie met selectedindex 0. Als ik in de eerste dropdown de tweede optie kies. Moeten in beide andere dropdowns ook de tweede opties gekozen worden.

Ik gebruik het volgende javascript:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function switchSelect(form) {
  2. 	var j = 20;
  3. 	for(i = j; i < j; i-- ) {
  4. 		if(document.form.type.selectedIndex == i ) {
  5. 			document.form.gewicht.selectedIndex = i;
  6. 			document.form.prijs.selectedIndex = i;
  7. 		} else {
  8. 			alert('error');
  9. 		}
  10. 	}
  11. }


Ik gebruik het als volgt in mijn formulier.

http://www.plaatscode.be/4351/

Op regel 12 roep ik de functie aan.

Alvast bedankt voor uw antwoord
Marten

3 antwoorden

Gesponsorde links
Offline raza - 23/02/2007 17:19
Avatar van raza HTML beginner je geeft form mee als parameter maar gebruikt het niet?

document.form is ook een collectie-object.

Je moet het dus aanspreken met een bepaalde index; bv. document.form[0]

maar ik zou eerder opteren om je velden te benaderen via ID's of via de parameter die je meegeeft.
Offline Button - 23/02/2007 17:22
Avatar van Button PHP ver gevorderde functie:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2. function switchSelect(form) {
  3.  
  4.       var i=form.type.selectedIndex;
  5.       form.gewicht.selectedIndex = i;
  6.       form.prijs.selectedIndex = i;
  7.  
  8. }
  9. </script>


functieaanroep:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. onChange="javascript:switchSelect(this.form)"


[ this.form verwijst naar het hele formulierobject. ]
Offline marten - 26/02/2007 10:08
Avatar van marten Beheerder Oplossing:

Aanroepen via onChange=\"switchSelect(this.form, 'type');\"

Functie:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function switchSelect(form,x) {
  2.  if (x == 'type') {
  3.  	form.gewicht.selectedIndex = form.type.selectedIndex ;
  4.  	form.prijs.selectedIndex = form.type.selectedIndex ;
  5.  }
  6.  
  7.  if (x == 'gewicht') {
  8.  	form.type.selectedIndex = form.gewicht.selectedIndex ;
  9.  	form.prijs.selectedIndex = form.gewicht.selectedIndex ;
  10.  }
  11.  
  12.  if (x == 'prijs') {
  13.  	form.type.selectedIndex = form.prijs.selectedIndex ;
  14.  	form.gewicht.selectedIndex = form.prijs.selectedIndex ;
  15.  }
  16.  
  17.  }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s