Un primo metodo.
I tuoi contenuti sono già scritti in dei DIV ma "nascosti" in quanto tenuti a display: none;
Una funzione richiamata dal gestore d' evento onchange assegnato al Tag della select ne cambierà lo stato.
codice:<!DOCTYPE html PUBLIC> <html> <head><title>none/block method</title> <script type="text/javascript"> var current = 0; function describe(which){ document.getElementById("description" + current).style.display = "none"; document.getElementById("description" + which).style.display = ""; current = which; } </script> </head><body> <form action="" method=""> <div align="center"> <table border="0"><tr> <td> <select name="" size="1" onchange="describe(this.selectedIndex);"> <option value="06" selected="selected">prima opzione</option> <option value="new">2nd option</option> <option value="used">troisième option</option> </select> </td> </tr><tr> <td> <div id="description0" style="display: ;" >hai scelto la prima opzione </div> <div id="description1" style="display: none;">hai scelto la seconda opzione </div> <div id="description2" style="display: none;">hai scelto la terza opzione </div> </td></tr> </table> </div> </form> </body> </html>

Rispondi quotando