par
marcos » 19 févr. 2017, 16:07
Bonjour à toutes et à tous,
je sèche depuis plusieurs jours sur un problème et je ne trouve nulle part la solution.
j'ai un formulaire et en fonction du bouton radio coché j'ai une div conditionnelle.
mon code javascript
Code : Tout sélectionner
<script type="text/javascript">
function choix(id){
for( var i = 1; i <= 14; i++){
if(i == id){
document.getElementById('div_'+ i).style.display = 'block';
}
else{
document.getElementById('div_'+ i).style.display ='none';
}
}
}
</script>
mon code HTML
Code : Tout sélectionner
<input name="choix" type="radio" id="lieu1" value="1" onclick="choix(1)">choix 1
<input name="choix" type="radio" id="lieu2" value="2" onclick="choix(2)">choix 2
<div id="div_1" style="display:none" >
choix 1</div>
<div id="div_2" style="display:none" >
choix 2</div>
Tout fonctionne impeccable dans le cas où ce formulaire apparaît pour la première fois à l'internaute.
Mais si je mémorise les choix de l'internaute et que je lui donne la possibilité par la suite de pouvoir modifier son choix...
Mon formulaire se présenterait ainsi
Code : Tout sélectionner
<input choix="lieu" type="radio" id="lieu1" value="1" onclick="choix(1)" <? if($resultat->choix==1){?>checked<? }?>>choix 1
<input name="choix" type="radio" id="lieu2" value="2" onclick="choix(2)" <? if($resultat->choix==2){?>checked<? }?>>choix 2
<div id="div_1" style="display:none" >
choix 1</div>
<div id="div_2" style="display:none" >
choix 2</div>
cela ne fonctionne pas puisque l'internaute en arrivant sur le formulaire de modification ne clique pas sur le bouton radio, il est déjà coché donc le "onclick" ne peut pas marcher!
Comment faire pour que cela affiche la div qu'il faut lorsque le bouton est déjà coché, tout en conservant le fait de pouvoir changer de div si l'internaute modifie son choix?
merci.