Soluzione base:
codice:<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>mostrare una riga solo se scelgo 2 campi da una select</title> <script type="text/javascript"> function showNode (sID) { showNode.active && showNode.active.style.setProperty("display", "none"); showNode.active = document.getElementById(sID); showNode.active && showNode.active.style.removeProperty("display"); } </script> </head> <body> <p> Select principale: <select onchange="showNode(this.value);"> <option value="altro1">Altro #1</option> <option value="volo_hotel">volo+hotel</option> <option value="altro2">Altro #2</option> <option value="bus_hotel">bus+hotel</option> <option value="altro3">Altro #3</option> </select> </p> <p id="volo_hotel" style="display: none;"> Dove: <select name="citta"> <option>Roma</option> <option>Milano</option> <option>Napoli</option> </select> </p> <p id="bus_hotel" style="display: none;"> Aeroporto: <select name="aeroporto"> <option>Aeroporto #1</option> <option>Aeroporto #2</option> <option>Aeroporto #3</option> </select> </p> </body> </html>
Rispondi quotando