Bonjour à tous

Je suis développeur Phoenix (application médicale) et du coup, je n'ai aucune expériance en Javascript. J'ai vraiment besoin d'aide...

Il me faut une petit fonction me permettant d'afficher un liste déroulante dont le contenu dépent du choix effectuer dans une autre liste déroulante.

Dans la pratique, selon le site opératoire choisi dans une première liste déroulante, il me faut filtrer les disiplines chirurgicales disponibles. Et le code ci-dessous ne réagit pas du tout comme je l'attends. Le même site est toujours séléctionné...

D'avance je vous remercie pour votre aide et espère avoir posé ma question correctement.


<tr><td><p align=right>Site opératoire&nbsp;<span class=obli>*</span>&nbsp;</p></td><td>
 <select id="id_53" name="%%PREOP_OP_SITE_C" onchange="HideSelect();"><option value=""></option>
    <option value="1"><span class="mef">Sion</span></option>
    <option value="2"><span class="mef">Sierre</span></option>
 <option value="3"><span class="mef">Martigny</span></option> 
 </select></td></tr><tr><td><p align=right>Durée envisagée du séjour en jours&nbsp;</p></td><td>
    <input type="text"   size="12" maxlength="2" id="id_54"   name="%%PREOP_DURSEJ_N" value='' class="format"></td></tr><tr><td><p align=right>Service/discipline &nbsp;<span class=obli>*</span></p></td><td>
    <select id="id_55_Sion" name="%%PREOP_SERV_C"><option value=""></option>
    <option value="100"><span class="mef">Chirurgie générale</span></option>
    <option value="250"><span class="mef">Neurochirurgie</span></option>
    <option value="230"><span class="mef">Chirurgie cadiaque</span></option>
    <option value="240"><span class="mef">Chirurgie plastique</span></option>
    <option value="190"><span class="mef">Urologie</span></option>
    <option value="150"><span class="mef">Gynécologie</span></option>
    <option value="151"><span class="mef">Obstétrique</span></option>
    <option value="120"><span class="mef">Chirurgie pédiatrique</span></option>
    <option value="170"><span class="mef">Orthopédie-traumat</span></option>
    <option value="220"><span class="mef">Dentiste</span></option>
    <option value="280"><span class="mef">ORL</span></option>
    <option value="290"><span class="mef">Chirurgie thoracique</span></option>
 </select>
 
 <select id="id_55_Sierre" name="%%PREOP_SERV_C"><option value=""></option>
    <option value="100"><span class="mef">Chirurgie générale</span></option>
    <option value="250"><span class="mef">Neurochirurgie</span></option> 
 </select>
 
 <select id="id_55_Martigny" name="%%PREOP_SERV_C"><option value=""></option>
    <option value="280"><span class="mef">ORL</span></option>
    <option value="290"><span class="mef">Chirurgie thoracique</span></option>
    </select></td></tr><tr><td colspan=2><hr width="500" size="2" color=""></td></tr>



<script language="javascript">
HideSelect = function()
 {
 var sel=document.getElementById("id_53");

 if (sel.selectedIndex = 0)
  {
  var sion=document.getElementById("id_55_Sion");
  var sierre=document.getElementById("id_55_Sierre");
  var martigny=document.getElementById("id_55_Martigny");
  sion.style.visibility = 'visible';
  sierre.style.visibility = 'hidden';
  martigny.style.visibility = 'hidden';
  }
  
 if (sel.selectedIndex = 1)
  {
  var sion=document.getElementById("id_55_Sion");
  var sierre=document.getElementById("id_55_Sierre");
  var martigny=document.getElementById("id_55_Martigny");
  sion.style.visibility = 'hidden';
  sierre.style.visibility = 'visible';
  martigny.style.visibility = 'hidden';
  }

 if (sel.selectedIndex = 2)
  {
  var sion=document.getElementById("id_55_Sion");
  var sierre=document.getElementById("id_55_Sierre");
  var martigny=document.getElementById("id_55_Martigny");
  sion.style.visibility = 'hidden';
  sierre.style.visibility = 'hidden';
  martigny.style.visibility = 'visible';
  }
 } 

</script>


Abro

Abro

Réponse acceptée !


Bonjour,

>>je n'ai aucune expériance en Javascript.
    pourquoi utiliser alors ?
    javascript n'est jamais obligatoire

>>Il me faut
    si ce n'est pas possible.. on fait quoi ?

>>afficher un liste déroulante dont le contenu dépent du
>>choix effectuer dans une autre liste déroulante.
    tu n'as pas du chercher bien loin ! question plus que récurente !
    quelques explications ici ( exemples en js pur, en php, et avec ajax )

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Réponse acceptée !
on peut bien entendu faire autrement...
en javascript, par exemple, des select cachés, et on montre
    celui qu'il faut en fonction du choix...   etc...

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Bonjour bultez,

merci beaucoup pour votre réponse.

>>je n'ai aucune expériance en Javascript.
    >>>pourquoi utiliser alors ?
    >>>javascript n'est jamais obligatoire
Parce que je pensais que le fait d'afficher ou non un composant était une opération simple en JavaScript... Je dois travailler sur un formulaire déjà existant, fait par une personne ne travaillant plus dans le service, sans pour autant pouvoir le refaire complètement, faute de temps...

>>Il me faut
    >>>si ce n'est pas possible.. on fait quoi ?
On cherche jusqu'à ce qu'on trouve une alternative... Non?!?


>>afficher un liste déroulante dont le contenu dépent du
>>choix effectuer dans une autre liste déroulante.
    >>>tu n'as pas du chercher bien loin ! question plus que récurente !
    >>>quelques explications ici ( exemples en js pur, en php, et avec ajax )
C'est vrai, aucune excuse....

Les explications dispensée ici me permette de régler mon problème!

Désolé pour le manque de perspicacité, heureusement qu'il y a des gars comme toi...

Un tout grand merci

faut prendre aussi, un peu, ce que je dis au 2ème degré....
quoique... on tombe sur tellement de personnes qui attendent
    uniquement un truc tout cuit, gratis..   je me méfie !
nickel si ça baigne et ravi si j'ai pu, un ch'tiot peu, orienter.
merci du retour.

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Bon pour info, le code est sympa et plutot bien fait, si ce n'est 2 grosses boulettes tout le meme:


dans un if, il faut doubler l'égalité!!!!! => if (sel.selectedIndex == 1)

deuxieme chose, tes option value du id_53 vont de 1 à 3 donc dans tes if, il faut 
if (sel.selectedIndex == 1)
puis
 if (sel.selectedIndex == 2)
et enfin
 if (sel.selectedIndex == 3)


Voila @+

L'entre-aide est la force de notre savoir

et non if (sel.selectedIndex = 0)
puis
 if (sel.selectedIndex = 1)
et enfin
 if (sel.selectedIndex = 2)

Ciao