// Dans le document <select name="zs_secteur" onchange="newSecteur(this)">
// Dans le script associé <script type="text/javascript> // le s représente ici l'objet select désigné à l'appel par this function newSecteur(s){var i; // cacher tous les containers for (i=0;i<s.options.length;i++) document.getElementById(s.options[i].value)='none'; // afficher celui correspondant au select document.getElementById(s.options[s.selectedIndex.value])='block'; } </script>
var cntSlc=''; function newSecteur(s){var i; // Cacher le container ouvert (s'il existe) if (cntSlc) document.getElementById(cntSlc)='none'; // Noter l'identifiant du container ouvert cntSlc=s.options[s.selectedIndex.value]; // L'ouvrir effectivement document.getElementById(cntSlc)='block'; }
<html> <head> <title>Ceci est le titre de la page</title> <script type="text/javascript"> // le s représente ici l'objet select désigné à l'appel par this function newSecteur(s){ var i; // cacher tous les containers for (i=0;i<s.options.length;i++) document.getElementById(s.options[i].value)='none'; // afficher celui correspondant au select document.getElementById(s.options[s.selectedIndex.value])='block'; } </script> </head> Faites un choix :, <select onchange="newSecteur(this)"> <!--<option value="-1">None</option>!--> <option value="BE">BE</option> <option value="COM">COM</option> <option value="COMPTA">COMPTA</option> </select>, ---- <table border="0" cellspacing="3" cellpadding="0">----, blabla 1</td> blabla 2 blabla 3 </td> </tr> </table> </html>