Voici le code que j'utilise , il fonctionne parfaitement sur firefox et internet explorer mais pas sur chrome, ...
Et il est impératif que ça fonctionne partout, j'ai déjà des problèmes avec les inscriptions !!
dans mon formulaire:
Code : Tout sélectionner
<select id="mySelect" name="nb_parti" required>
<option value="">Veuillez choisir</option>
<option value="1"onclick="myFunction()" >1 participant</option>
<option value="2" onclick="myFunction()">2 participants</option>
<option value="3" onclick="myFunction()">3 participants</option>
<option value="4" onclick="myFunction()">4 participants</option>
<option value="5" onclick="myFunction()">5 participants</option>
<option value="6" onclick="myFunction()">6 participants</option>
<option value="7" onclick="myFunction()">7 participants</option>
<option value="8" onclick="myFunction()">8 participants</option>
<option value="9" onclick="myFunction()">9 participants</option>
</select>Code : Tout sélectionner
<script type="text/javascript">
function myFunction() {
var nb_parti = document.getElementById("mySelect").value ;
var cptr=2;
var personne_contact = document.getElementById("prenom_contact").value +" "+ document.getElementById("nom_contact").value;
while(cptr <= nb_parti){
var input_label = '<label for="prenom'+cptr+'">.</label>';
var input_prenom = '<input type="text" class="" placeholder="Nom '+cptr+'" id="prenom'+cptr+'" name="prenom'+cptr+'" required> ';
var input_nom = '<input type="text" class="" placeholder="Prénom '+cptr+'" id="nom'+cptr+'" name="nom'+cptr+'" required>';
var input_label2 = '<br><label for="radio'+cptr+'">Infos de la '+cptr+'ème personne</label>';
var input_radio = '<input type="radio" name="radio'+cptr+'" value="PMR" required> P.M.R<br><label for="radio'+cptr+'">.</label><input type="radio" name="radio'+cptr+'" value="accompagnant" required> Accompagnant<br><br><br>'
document.getElementById("id"+cptr+"").innerHTML = input_label + input_prenom + input_nom + input_label2 + input_radio;
cptr++;
}
while(cptr <=9){
document.getElementById("id"+cptr+"").innerHTML = "";
cptr++;
}
}
</script>