Actie bij onChange

Status
Niet open voor verdere reacties.
jeroendenoot

jeroendenoot

Terugkerende gebruiker
Lid geworden
14 mrt 2005
Berichten
1.492
Hallo, ik zou graag een dropdownbox willen en als je dan een optie kiest, dat er dan ergens op de pagina het type van een input van hidden in text veranderd. Bij elke optie van de dropdownbox moet er een andere input veranderen. Ik weet (bijna zeker) dat het kan, maar hoe...? Ik wacht op antwoord.
 
Dat bedoelde ik eigenlijk niet, maar ik denk dat ik wel wat kan veranderen zodat het wel lukt. Bedankt.
 
Ah, idd verkeerd gelezen :o

Is de echte vraag ook al opgelost?

Zo niet, dan moet je misschien eens kijken naar de opties die css heeft voor het verbergen van elementen..

Want het type van een input-element wijzigen heb ik nog niet eerder gezien.

:)
 
Ja het is opgelost. Zo heb ik het gedaan:

Code: 
<html>
 <head>
  <script type="text/javascript">
<!--

function tekstzichtbaar () {

dropdown = document.form.dropdownbox;

if(dropdown.options[dropdown.selectedIndex].value == "optie1") {
document.form.tekstvak1.style.visibility="visible";
document.form.tekstvak2.style.visibility="hidden";
document.form.tekstvak3.style.visibility="hidden";
}

if(dropdown.options[dropdown.selectedIndex].value == "optie2") {
document.form.tekstvak1.style.visibility="hidden";
document.form.tekstvak2.style.visibility="visible";
document.form.tekstvak3.style.visibility="hidden";
}

if(dropdown.options[dropdown.selectedIndex].value == "optie3") {
document.form.tekstvak1.style.visibility="hidden";
document.form.tekstvak2.style.visibility="hidden";
document.form.tekstvak3.style.visibility="visible";
}

}

//-->
  </script>
 </head>
 <body>
  <form name="form">
   <select name="dropdownbox" onChange="tekstzichtbaar();">
    <option value="optie1" checked>
Optie 1
    </option>
    <option value="optie2">
Optie 2
    </option>
    <option value="optie3">
Optie 3
    </option>
   </select>
   <input type="text" name="tekstvak1" style="visibility: hidden;">
   <input type="text" name="tekstvak2" style="visibility: hidden;">
   <input type="text" name="tekstvak3" style="visibility: hidden;">
  </form>
 </body>
</html>

Inderdaad ik heb het met CSS gedaan.

visibility = zichtbaarheid
hidden = verborgen
visible = zichtbaar

Dan krijg je:

visibility="hidden" of visibility="visible"
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan