2 select's og onclick's med show og hidden

Måske kan dette her hjælpe dig: http://www.javafile.com/menuing/2in1drop/2in1drop.php?cat=Menuing

Gryn: det var ikke lige det jeg søger .. det var også et ret simpelt eksempel

Her er lidt at arbejde videre på :-)

<html>

<head>
<script>

function SelAChange()
{
  var a = document.myForm.SelA
  switch (a.options[a.selectedIndex].text)
  {
    case "Hest":
        x = "<option>Mule</option>" +
            "<option>Rytter</option>"
            break;
    case "Ko":   
        x = "<option>Bøffer</option>" +
            "<option>Læder</option>"
            break;
  }
  x = "Select B:<select>" + x + "</select>"
  SelB.innerHTML = x
}
</script>

</head>

<body>
<form name="myForm">
Select A:
<select name="SelA" OnChange="SelAChange()">
  <option>Hest</option>
  <option>Ko</option>
</select>

<div id="SelB">
  Select B:
  <select>
    <option>Empty</option>
  </select>
</div>

</form>
</body>
</html>

Jeg har selv lavet en acceptabel løsning .. hvor jeg har lavet nogle layers i asp, her er de to første layers.

<%
If Request("Layer") = 1 Then
%>
<select name="choice1" id="select_topic" size="1" style="height: 20 px; font-size: 10 px">
<option value="">Vælg 1
<option value="1">1
</select><br>
<select name="choice2" id="select_topic" size="1" style="height: 20 px; font-size: 10 px">
<option value="">Vælg 2
<option value="1">1
</select>
<%
Else
If Request("Layer") = 2 Then
%>
Layer 2
<%
Else
%>
<select name="choice1" id="select_topic" size="1" style="height: 20 px; font-size: 10 px">
<option value="">Vælg 1       
<option value="1">1
</select>           
<select name="choice2" id="select_topic" size="1" style="height: 20 px; font-size: 10 px">
<option value="">Vælg 2
<option value="1">1
</select>
<%
End If
End If
%>

Ellers tak for interessen for spørgsmålet

hmm...så skal du altså runde din server hver gang brugeren klikker på selecten? not good...