[PHP/JS] kan selectedindex van Select niet ophalen.

[Verwijderd]

Op het moment dat er een naam wordt geslecteerd uit een drop-down box zou de naam in een lijst groen moeten worden. Ik deed het als volgt:

De functie die de tekst van kleur zou moeten veranderen

code:

<script type="text/javascript">
    function check(id)
    {
    var naam = "po" + id;
    box = document.forms['plaatsen'].naam;
    number = box.options[box.selectedIndex].value;
    document.getElementById(number).innerHTML = "<font color=green>" + document.getElementById(number).innerHTML + "</font>";
    }
</script>

Dit is de lijst met namen waar het kleur moet veranderen.

code:

    <?
    $query_select = mysql_query($SQL_select);
    while($naam = mysql_fetch_array($query_select)){
    ?>
    <div id="<? echo $naam[TeleID] ?>"><? echo $naam['Voornaam'] ?></div>
    <? } ?>

Dit is 1 van de drop-down boxen.

code:

<div style="position: absolute; left: 23px; top: 30px;">
<select style="width: 110px" name="po11" OnChange="check('11')">
<option selected>
<?
$query_select = mysql_query($SQL_select);
while($naam = mysql_fetch_array($query_select)){
  echo "<option value='$naam[TeleID]'>".$naam['Voornaam'];
}
?>
</select>
</div> 
<div style="position: absolute; left: 23px; top: 70px;">
<select style="width: 110px" name="12">
<option selected>
<?
$query_select = mysql_query($SQL_select);
while($naam = mysql_fetch_array($query_select)){
  echo "<option value='$naam[TeleID]'>".$naam['Voornaam'];
}
?>
</select>
</div>

De code verandert wel als ik zelf "po11" ingeef, maar odmat er ook nog dropdownboxen zijn die po12, po13 zijn moet ik een argument met die functie meegeven. Maar het wil gewoon niet werken met een functie argument.

Iemand een idee?

[FolkertR]

code:

box = document.forms['plaatsen'].naam;

ik denk dat hij hier gewoon zoekt naar een element met de naam "naam" ipv wat je in die variabele hebt gezet.
Probeer es

code:

box = document.forms['plaatsen'].elements[naam];

[BtM909]

Ik vind sowieso je code vies op regel 7 van je eerste deel van je code. Heb helaas weinig tijd om een net voorbeeld voor je te maken. Maar wat je beter kan doen is het volgende:

HTML:

<select style="width: 110px" name="po11" OnChange="check(this)">

Hierdoor geef je je eigen object mee en kan je ontvangende functie er zo uitzien:

JavaScript:

<script type="text/javascript">
    function check(obj){
      number = obj.options[obj.selectedIndex].value;
// Volgens regel is bleh: innerHTML en font -> bleh ;)
      document.getElementById(number).innerHTML = "<font color=green>" + document.getElementById(number).innerHTML + "</font>";
    }
</script>

[André]

JS hoort in Webdesign, Markup & Clientside Scripting