Allgemeiner Fragethread

[Crash-Override]

Hi, ich nutze dann auch mal diesen Thread, evt. kann mir hier jemand helfen. Es geht um ein kleines problem mit Javascript (zumindest denke ich das man es mit Javascript lösen muss).

Ich habe zwei DropDown-Listen mit identischen Einträgen. Hier will ich vermeiden das zwei mal das selbe ausgewählt werden kann (muss nicht mal während des Auswählens sein - eine Nachricht beim absenden würde eigentlich schon reichen. Sollte nicht soo komplex sein denke ich.

Das Formular wird wie folgt geniert:

PHP-Code:

<form action="match.php" method="get">
 <select name="id1" size="1">
  <?php
   $i = True;
   $id = 1;
   while ($i) {
    if ($teams[$id] != '') {
     echo "<option value=".$id.">".$teams[$id]."</option>";
     $id++;
    }
    else
     $i = False;
   }
  ?>
 </select>
 vs. 
 <select name="id2" size="1">
  <?php
   $i = True;
   $id = 1;
   while ($i) {
    if ($teams[$id] != '') {
     echo "<option value=".$id.">".$teams[$id]."</option>";
     $id++;
    }
    else
     $i = False;
   }
  ?>
 </select>
 <input type="submit" value="GO!">
</form>

Ja, ich weiß, ist optimierbar.
Und ja: Ich weiß, man kann auch im PHP abfragen ob es dieselbe id ist, das tue ich ja auch, trotzdem währe es clientseitig wohl schöner.

edit: Nach einer größeren Recherche und einem zusammengeschnipseltem Javascript geht es (WOW):

PHP-Code:

  <form action="match.php" method="get">
   <select name="id1" size="1" onChange="change(this.form.id2, this.selectedIndex, 1)">
    <?php
     $i = True;
     $id = 1;
     while ($i) {
      if ($teams[$id] != '') {
       echo "<option ";
       if ($id == 2) echo "disabled";
       echo " value=".$id.">".$teams[$id]."</option>";
       $id++;
      }
      else
       $i = False;
     }
    ?>
   </select>
   vs. 
   <select name="id2" size="1" onChange="change(this.form.id1, this.selectedIndex, 2)">
    <?php
     $i = True;
     $id = 1;
     while ($i) {
      if ($teams[$id] != '') {
       echo "<option ";
       if ($id == 1) echo "disabled";
       echo " value=".$id.">".$teams[$id]."</option>";
       $id++;
      }
      else
       $i = False;
     }
    ?>
   </select>
   <input type="submit" value="GO!">
  </form>

und

PHP-Code:

  <script language="JavaScript" type="text/javascript">
   <!--
    var old1 = 0;
    var old2 = 1;
    
    function change(dropdown, id, num) {     
     if (dropdown.selectedIndex == id) {
      if (dropdown.selectedIndex != 0)
       dropdown.selectedIndex = 0;
      else
       dropdown.selectedIndex++;
     }
     if (num == 1) dropdown[old1].disabled=false;
     if (num == 2) dropdown[old2].disabled=false;
     
     dropdown[id].disabled=true;
     if (num == 1) old1 = id;
     if (num == 2) old2 = id;
    }
   //-->
  </script>