Gwolf: Auswahl in Liste zurücksetzen?

Hallo ihr da draußen,
hab nun stunden-/tagelang gesucht - finde nix...

prob: zwei auswahllisten, eine per elementgetbyid ändert die farbe, die andere ändert das muster... das funzt auch...
also blau in menue 1 gewählt, kommt blau -
muster xy in menue 2 gewählt kommt muster -
doch will ich wieder zurück blau in meue 1 einstellen, hat das irgendwo schon gespeichert, blau sei aktuell, ergo muss ich erst andere auswahl treffen, um wieder blau wählen zu können...
gleiches gilt für menue 2 mit den mustern...
logo, eine einzige liste  da gäbs kein prob, aber bei 120 farben und 100 muastern wird diese liste zu lang..
nun wie krieg ich`s hin, dass das jeweilige menue vom anderen menue auf "null" geschaltet wird, bzw. wie wärs möglich, unabhänig von anderen menues, einen gewählten eintrag nochmals wählen zu können, quasi qiederholung??
axo... es geht um drop down oder pulldown menues, wie die auch immer heissen, diese Form-menues.
ich danke un dhoffe...

  1. so bin nun etwas weiter: aber irgendwo hängts noch???
    "muster" setzt "farbe" zurück, doch umgekehrt funzt es net?

    sieht jemand den fehler? hier mal ne gekürzte code-version:
    <div id="hgcolorwahl">
    <form action="" name="hgcolor">
    <select name="bg" class="auswahl1" size="1" onchange="document.getElementById('hg').style.background=this.options[this.selectedIndex].value;document.hgmuster[0].reset();">
        <option selected value="">Farben</option>
     <OPTGROUP Label="Weiss - Schwarz"></OPTGROUP>
     <option value="#FFFFFF">white</option>
     <option value="#F5F5F5">whitesmoke</option>
     <option value="#F8F8FF">ghostwhite</option>
     <option value="#DCDCDC">gainsboro</option>
     <option value="#D3D3D3">lightgrey</option>
     <option value="#C0C0C0">silver</option>
     <option value="#A9A9A9">darkgray</option>
            <option value="#C71585">mediumvioletred</option>
     </select></form>
    </div>
    <div id="hgmusterwahl">
    <form action="" name="hgmuster">
    <select name="bg" class="auswahl2" size="1" onchange="document.getElementById('hg').style.background=this.options[this.selectedIndex].value;document.hgcolor[0].reset();">
        <option selected value="">Muster</option>
     <option value="Url(../../../../../hintergrund/hg1.jpg)">Molar 1</option>
     <option value="Url(../../../../../hintergrund/hg2.jpg)">Molar 2</option>
     <option value="Url(../../../../../hintergrund/hg3.jpg)">Molar 3</option>
     <option value="Url(../../../../../hintergrund/hg9.jpg)">Molar 4</option>
     <option value="Url(../../../../../hintergrund/wurzelholz2.jpg)">wurzelholz2</option>
     </select></form>
    </div>

    erkennt jemand den haken???

    1. sorry.. hab den doppelten "select name" geändert - funzt trotzdem net

      so bin nun etwas weiter: aber irgendwo hängts noch???

      "muster" setzt "farbe" zurück, doch umgekehrt funzt es net?

      sieht jemand den fehler? hier mal ne gekürzte code-version:
      <div id="hgcolorwahl">
      <form action="" name="hgcolor">
      <select name="bg" class="auswahl1" size="1" onchange="document.getElementById('hg').style.background=this.options[this.selectedIndex].value;document.hgmuster[0].reset();">
          <option selected value="">Farben</option>
       <OPTGROUP Label="Weiss - Schwarz"></OPTGROUP>
       <option value="#FFFFFF">white</option>
       <option value="#F5F5F5">whitesmoke</option>
       <option value="#F8F8FF">ghostwhite</option>
       <option value="#DCDCDC">gainsboro</option>
       <option value="#D3D3D3">lightgrey</option>
       <option value="#C0C0C0">silver</option>
       <option value="#A9A9A9">darkgray</option>
              <option value="#C71585">mediumvioletred</option>
       </select></form>
      </div>
      <div id="hgmusterwahl">
      <form action="" name="hgmuster">
      <select name="bmuster" class="auswahl2" size="1" onchange="document.getElementById('hg').style.background=this.options[this.selectedIndex].value;document.hgcolor[0].reset();">
          <option selected value="">Muster</option>
       <option value="Url(../../../../../hintergrund/hg1.jpg)">Molar 1</option>
       <option value="Url(../../../../../hintergrund/hg2.jpg)">Molar 2</option>
       <option value="Url(../../../../../hintergrund/hg3.jpg)">Molar 3</option>
       <option value="Url(../../../../../hintergrund/hg9.jpg)">Molar 4</option>
       <option value="Url(../../../../../hintergrund/wurzelholz2.jpg)">wurzelholz2</option>
       </select></form>
      </div>

      erkennt jemand den haken???

      1. nachtrag:
        wenn ich beide resets auf document.hgcolor[0].reset setze, geht es ohne fehlermeldung, aber eben nur das farbmenue geht auf reset...
        bei document.hgmuster[0].reset kommt "objekt unterstützt eigenschaft ode mehtode nicht. fehler bei zeichen 87" - menue funktioniert, aber resettet nicht????

        1. sorry - ich hab nun zwar ne lösung gefunden - aber ich versteh si enciht, falls also jemand mir das trotzdem erklären kann, wieso es so funzt???
          Lösung, bei zweitem reset, also document.hgmuster.reset hab ich die "[0]" weggelassen - es scheint zu funzen.. aber wenn ich bei hgcolor auch die "[0] weglasse wieder net..warum???

          1. Hallo,

            sorry - ich hab nun zwar ne lösung gefunden - aber ich versteh si enciht, falls also jemand mir das trotzdem erklären kann, wieso es so funzt???
            Lösung, bei zweitem reset, also document.hgmuster.reset hab ich die "[0]" weggelassen - es scheint zu funzen.. aber wenn ich bei hgcolor auch die "[0] weglasse wieder net..warum???

            Der Name hgmuster ist der name eines SELECT-Elementes. Der Name hgcolor ist der Name des Formulars. Der Bezeichner hgcolor[0] steht für das erste Element im Formular mit dem Namen hgcolor. Das ist bei Dir das SELECT-Element mit dem Namen bg.

            Wie man Elemnte in Formularen anspricht, steht hier:
            http://selfhtml.teamone.de/javascript/objekte/elements.htm#allgemeines

            viele Grüße

            Axel