✔ select-box1 ändern -> select-box2 nimmt selben wert na

T

The_MACman

Mitglied
Ähm die Überschrift stellt das Problem ziemlich genau dar!
Ich hab gerade eine ganze Weile im Forum gestöbert, aber nix gefunden!
Immer nur ein dynamisches erstellen einer zweiten Select-Box! Aber ich habe 2 Selectboxen mit den gleichen Werten (die zahlen 0 bis 23 für die stunden ) ! Und wenn ich nun in der oberen Select-Box 23Uhr auswähle soll auch in der unteren Selct-Box 23 Uhr ausgewählt werden !
Da ich bisher nur die beiden Select-Boxen habe, brauch ich ja eher keinen Code posten!
mit einen normalen onChange="document.form.box2.value=this.value" ging's nicht! :)

Bitte helft mir !
Vielen Dank im Voraus
 
Probier mal dies:
Code: 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function sync(obj1, obj2)
{
  i=0;
  while(i < obj2.options.length)
    {
      if(obj2.options[i].text==obj1.options[obj1.selectedIndex].text)
        {
          obj2.options[i].selected=true;
          return;
        }
      i++;
    }
}
//-->
</script>
</head>
<body>
<form>
 <select onchange="sync(this,this.form.list2)">
  <option>bla</option>
  <option>blubb</option>
  <option>blablubb</option>
 </select>
 <select name="list2">
  <option>bla</option>
  <option>blubb</option>
  <option>blablubb</option>
 </select>
</form>
</body>
</html>
Beim onchange werden alle Optionen der 2. Liste durchlaufen...ist das text-Attribut identisch mit dem text-Attribut der gewählten Option der 1. Liste, wird die aktuelle Option der 2.Liste selektiert und die Funktion verlassen...das wars schon :)
 
Hallo,
wenn die Zahlen immer in der gleichen Reihenfolge stehen, dann sollte es so
HTML: 
<form method="POST" name="formular">
    <p>
        <select onchange="document.formular.box2.selectedIndex = this.selectedIndex" size="1" name="box1">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
        </select>
        <select size="1" name="box2">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
        </select>
    </p>
</form>
funktionieren.

mfg
forsterm
 
Vielen vielen Dank ! Endlich klappt alles :)
Hab mich für Variante 2 entschieden !
War die einfacste und beste :)!

Also Danke an forsterm !
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück