Valg i en select ændrer den næste select

Umiddelbart vil jeg sige at det kan du vel gøre på stort set samme måde. Men nu ved jeg ikke eksakt hvordan du har gjort, du kunne måske vise den kode du allerede har lavet, for ellers er det svært at svare på dit spørgsmål uden at gå tilbage til Adam og Eva.

Her er det jeg bruger nu:

<script type="text/javascript">
function showAndet1(sel){
  sel.form.andet1Text.style.visibility = sel.selectedIndex == 2 ? "visible" : "hidden";
}
</script>
<script type="text/javascript">
function showAndet2(sel){
  sel.form.andet2Text.style.visibility = sel.selectedIndex == 2 ? "visible" : "hidden";
}
</script>
<script type="text/javascript">
function showAndet3(sel){
  sel.form.andet3Text.style.visibility = sel.selectedIndex == 2 ? "visible" : "hidden";
}
</script>



Den ene selectbox:

<td>
<select name="Overskrift1" onchange="showAndet3(this);" style="font-weight:normal;width:170px;color:#333333;background-color:#FFFFFF;">
          <option value="Kontingent">Kontingent</option>
          <option value="Indskud">Indskud</option>
    <option value="">Anden bevægelse...</option>
    </select></td>
    <td><input type="text" name="Overskrift2" id="andet3Text" style="visibility:hidden;font-weight:normal;width:80px;color:#333333;background-color:#FFFFFF;">
</td>

Ok, der skal vist bare ryddes lidt op her.

Du skal kun bruge en funktion som tager sig af alle input felterne, og så kan vi sætte nogle div elementer omkring så du nemt kan vise og skjule flere ting på en gang:

<script type="text/javascript">
function showAndet(sel){
    document.getElementById("kon1div").style.display = sel.selectedIndex == 0 ? "" : "none";
    document.getElementById("ind1div").style.display = sel.selectedIndex == 1 ? "" : "none";
    document.getElementById("andet1div").style.display = sel.selectedIndex == 2 ? "" : "none";
}
</script>

<select name="Overskrift1" onchange="showAndet(this);" style="font-weight:normal;width:170px;color:#333333;background-color:#FFFFFF;">
    <option value="Kontingent">Kontingent</option>
    <option value="Indskud">Indskud</option>
    <option value="">Anden bevægelse...</option>
</select>
<div id="kon1div">Kontingent: <input type="text" name="Overskrift1" id="kon1Text" style="font-weight:normal;width:80px;color:#333333;background-color:#FFFFFF;"></div>
<div id="ind1div" style="display:none;">Indskud: <input type="text" name="Overskrift2" id="ind1Text" style="font-weight:normal;width:80px;color:#333333;background-color:#FFFFFF;"></div>
<div id="andet1div" style="display:none;">
Andet: <input type="text" name="Overskrift3" id="andet1Text" style="font-weight:normal;width:80px;color:#333333;background-color:#FFFFFF;">
<br>
Mere andet: <input type="text" name="Overskrift4" id="andet2Text" style="font-weight:normal;width:80px;color:#333333;background-color:#FFFFFF;">
</div>

Det virker helt fint, tak

Smider du lige et svar

Det har jeg sådan set allerede gjort ;-)