[javascript]Waarde aan dropdown-menu's toekennen

[Verwijderd]

Op mijn pagina staan een aantal dropdown-menu's onder elkaar.
Deze dropdown-menu's worden geschreven door een php-script, maar dat is even niet van toepassing.
Een aantal invallers moeten een reiskosten vergoeding krijgen en dus moet bij iedere dag dat ingevallen is moet de juiste school geselecteerd worden.
Deze invallers zijn meestal langere tijd op 1 school ingevallen.
Daarom is het de bedoeling dat wanneer in 1 dropdown menu een school gekozen wordt, dat in alle onderstaande dropdown-menu's automatisch dezelfde school geselecteerd wordt.
Wanneer later weer een keuze gemaakt wordt, dienen weer alle onderstaande dropdown-menu's die waarde over te nemen.

code:

function updateScholen(nr,m)
{
  var t;
  t = nr;
  selschool = document.form1.school+nr+.options[document.form1.school+nr+.selectedIndex].value;
  while(t < m+1)
  {
    document.form1.school+t+.options[document.form1.school+t+.selectedIndex].value = selschool;
    t++;
  }
}

hierbij is m het aantal dropdown-menu's en nr is het nummer van de dropdown-box die veranderd is.
Deze worden alsvolgt aangeroepen:

code:

 <select name="school'.$i.'" onChange="javascript:updateScholen('.$i.','.$aantal.')">

is de aanroep

[Woy]

JavaScript:

document.form1.school+t+.options[document.form1.school+t+.selectedIndex].value = selschool;

Dit is zowiezo al verkeerd. Wat hier staat is Pak document.form1.school en tel daar t bij op ( Ik weet niet hoe je bij een - niet bestaand - object een getal op kan tellen ). en tel daar .options[...].value bij op.

Het lijkt me handig om eens een tutorial javascript te volgen en te snappen dat een variabele niet zomaar een string is waar je dingen bij op kunt tellen om een andere variabele te krijgen.
In javascript is het trouwens nog wel mogelijk met Eval maar dan kan je beter iets van FindElementByID o.i.d. gebruiken.

[Verwijderd]

En daar komt hij weer: [Alg] Naamgeving

[crisp]

En dan ga ik nog even zeuren over het incorrecte gebruik van javascript: in een event-handler, en wijzen op het 'this'-keyword

[André]

code:

function updateScholen(nr,m)
{
  var t;
  t = nr;
  f = document.forms["form1"].elements;

  selschool = f["school" + nr].options[f["school" + nr].selectedIndex].value;
  while(t < m+1)
  {
    f["school" + t].options[f["school" + t].selectedIndex].value = selschool;
    t++;
  }
}

[ Voor 8% gewijzigd door André op 23-03-2005 18:25 ]

[crisp]

Eerder zoiets:

JavaScript:

function updateScholen(curSel, nr)
{
  var form = curSel.form;
  var index = curSel.selectedIndex;
  var nextSel;
  while((nextSel = form.elements['school' + (++nr)]) != null)
  {
    nextSel.selectedIndex = index;
  }
}

met

HTML:

<select name="school13" onchange="updateScholen(this, 13)">