Forskellige forme ud fra valg i en select dropdown box

Hvad med to div-layers, der enten vises eller skjules...? Tror du det kan bruges? eg kan bare ikke helt 100% forestille mig hvordan det skal se ud...

ja havde selv forstillet mig noget i den stil, men kan heller ikke selv se mig ud af hvordan den skal løses..

det kunne løses ved at skrive:
<script type="text/javascript">
var activeForm;
function changeForm(selVal) {
      if (activeForm) {activeForm.display = "none";}
      activeForm = document.getElementById(selVal).style;
      activeForm.display = "block";
}
</script>
<form>
<select onchange="if (this.selectedIndex > 0) {changeForm(this.value);}">
<option value="">Vælg type</option>
<option value="divForm1">Type 1</option>
<option value="divForm2">Type 2</option>
</select>
</form>

og så kunne du, ligesom pyroman foreslår, have to div-bokse med hver deres form:
<div id="divForm1" style="display:none">
<form>....</form>
</div>
<div id="divForm2" style="display:none">
<form>....</form>
</div>

Skovenborg jeg takker, hvis du vil være så venlig at smide et svar, så du kan få dine points ? ;)

hov støtte lige ind i et problem, hvis en brugeren skulle komme på den underlige ide, at vælge "vælg type" igen efter at havde valgt en af de andre, så forbliver den formen den som man valgte først, har prøvet at lave om på "vælg type" option'ens value til divForm3 og lavet en div der til, men kom ligelangt?. hvad gør jeg forkert?.

Prøv at vise den kode, du har lavet, for der må være en fejl !-)

<script type="text/javascript">
var activeForm;
function changeForm(selVal) {
      if (activeForm) {activeForm.display = "none";}
      activeForm = document.getElementById(selVal).style;
      activeForm.display = "block";
}
</script>
<form>
<select onchange="if (this.selectedIndex > 0) {changeForm(this.value);}">
<option value="divForm3">Vælg type</option>
<option value="divForm1">Type 1</option>
<option value="divForm2">Type 2</option>
</select>
</form>


<div id="divForm1" style="display:none">
<form>test1</form>
</div>
<div id="divForm2" style="display:none">
<form>test2</form>
</div>
<div id="divForm3" style="display:none">
<form>test3</form>
</div>

Den skifter da præcis mellem de forskellige ...

Gad ikke lige teste i andet end IE6, men såvidt jeg kan se, virker det i alle moderne browsere !-)

hvis du skifter over til eks. type 1 og skifter tilbage til vælg type, så skifter den ikke over til at der står test3. iværfald ikke hos mig, køre IE6 og Firefox 0.9.3

Nej, for den er lavet sådan, at man aktivt skal vælge, for ellers giver onchange jo ikke mening, så der er sat en 'vælg type' på, så der er en tom option fra start, så onchange altid bliver aktiveret ved et valg ...

Situationen du omtaler er vel nærmest teoretisk, men kan ændres ved at du:

<script type="text/javascript">
var activeForm = document.getElementById("divForm3");
function changeForm(selVal) {
      if (activeForm) {activeForm.display = "none";}
      activeForm = document.getElementById(selVal).style;
      activeForm.display = "block";
}
</script>
<form>
<select onchange="changeForm(this.value);">
<option value="divForm3">Vælg type</option>
<option value="divForm1">Type 1</option>
<option value="divForm2">Type 2</option>
</select>
</form>


<div id="divForm1" style="display:none;">
<form>test1</form>
</div>
<div id="divForm2" style="display:none;">
<form>test2</form>
</div>
<div id="divForm3" style="display:block;">
<form>test3</form>
</div>

ja, det var netop den tanke jeg havde - at if (this.selectedIndex > 0) skulle forhindre man valgte den "Vælg Type", som bare skulle være en overskrift af en art.

Ved ikke om jeg stadig skal smide svar - men her er et i hvert fald.

roenving: yes det virker efter hensigt, hvis du smider et svar også, så deler jeg pointe mellem jer fair?.

skovenborg: jo det er også meningne at den skal fungere som en slags overksrift, men hvis nogen skulle få den ide at vælge den efter de har valgt, så vil det give kluder i min database ;) også det var det jo nærmest best at få den ændret der med det samme istedet for at skulle lave noget validering på det. :)

Oki, men det er vel skovenborgs koncept, så han skal løbe med langt de fleste af pointene '-)

ok så for skovenberg 67 og reonving 33... Fair?.

Jeg takker for hjælpen!

og tak for points :-)

-- også tak herfra !-)