Pulldownmenü verstecken "verhindern"?

[dreamkiller]

Hallo ich hätte nochmal eine kurze Frage zu den Pulldown Menüs.
Momentan gehe ich über 2 Pulldown Menüs zum "Endergebnis", das sieht wie folgt aus:

<script type="text/javascript">
<!--
function auswahl(objSelect)
{

arrLayers = ['U1', 'U2', '1', '2'];

for(j = 0; j<arrLayers.length;++j)
{
document.getElementById(arrLayers[j]).style.display=
(objSelect.options[objSelect.selectedIndex].value==arrLayers[j])
?'block'
:'none';
}
}
//-->
</script>

<style type="text/css">
<!--
#U2,#U1,#1,#2{
display:none;
}
-->
</style>


<!-- HTML Text Hier -->

<select name="Typ" onchange="auswahl(this)">
<option value="1">Kabel 1</option>
<option value="2">Kabel 2</option>
</select>

<div id="1">
<select name="Menge" onchange="auswahl(this)">
<option value="U1">1-10 Stück</option>
<option value="U2">11-20 Stück</option>
</select>
</div>

<div id="U1">
Die Kosten für die entstehende Menge beträgt XX,XX Euro
</div>
<div id="U2">
Die Kosten für die entstehende Menge beträgt YY,YY Euro
</div>

Wenn ich beim 2. Pulldown Menü einen der beiden Stückzahlen auswähle und somit zum jeweiligen Endergebniss komme, wird mir natürlich mein 2. Pull Down Menü wieder versteckt, was ich gerne verhindern würde.

Gibt es eine möglichkeit das verstecken zu verhindern, wenn ich mir das Endergebniss anzeigen lasse?


Grüße,
dreamkiller

 

[Sven Mintel]

<script type="text/javascript">
<!--
preise=
[
  ['(Preis 1-10xKabel1)' , '(Preis 11-20xKabel1)'],
  ['(Preis 1-10xKabel2)' , '(Preis 11-20xKabel2)']
];

z=preise.length;

function auswahl(obj)
{
  if(obj.options[0].value ==  '-1')
    {
      obj.options[0]  = null;
      z--;
      auswahl(obj);
      
    }
  else
    {
      obj.form.Menge.style.display  = 'inline';
      if(!z)
        {
          document.getElementById('kosten').innerHTML = 
            'Die Kosten für die entstehende Menge beträgt ' +
              preise[obj.form.Typ.selectedIndex][obj.form.Menge.selectedIndex];
        }
    }
}
//-->
</script>
<form>
<select name="Typ" onchange="auswahl(this)">
<option value="-1">Auswahl</option>
<option value="1">Kabel 1</option>
<option value="2">Kabel 2</option>
</select>
<select name="Menge" onchange="auswahl(this)" style="display:none">
<option value="-1">Auswahl</option>
<option value="U1">1-10 Stück</option>
<option value="U2">11-20 Stück</option>
</select>
</form>
<div id="kosten"></div>

...die Preise werden dabei in einem Array gespeichert, das dürfte übersichtlicher sein, vor allem, wenn es nicht bei 4 Preisen bleibt