Problème avec html et javascript
Résolu
info_l3
Messages postés
32
Date d'inscription
Statut
Membre
Dernière intervention
-
info_l3 Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
info_l3 Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Problème avec html et javascript
- Editeur html - Télécharger - HTML
- Telecharger javascript - Télécharger - Langages
- Br html ✓ - Forum Webmastering
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi ✓ - Forum Javascript
5 réponses
Salut!
voici un petit exemple pris dans ce forum,à toi de l'adapter!il va beaucoup t'aider!
voici un petit exemple pris dans ce forum,à toi de l'adapter!il va beaucoup t'aider!
<html>
<head>
<script language='javascript'>
function actualiser()
{
form.reset();
}
function listerRegionFonctionPays()
{
i=document.form.pays.selectedIndex;
if(i==0)
{form.region.options.length=1;}
else if(i!=0)
{
switch(i)
{
case 1:
listeRegion=new Array("Bretagne","Ile-de-France");
break;
case 2:
listeRegion=new Array("Californie","Denver","Wisconsin","Minnesota");
break;
case 3:
listeRegion=new Array("Naple","Turin","Rome");
break;
}
for(i=0;i<listeRegion.length;i++)
{
el=new Option(listeRegion[i],i+1);
form.region.options[i+1]=el;
}
form.region.length=listeRegion.length+1;
}
}
</script>
</head>
<body onLoad='actualiser();' background="page_bg_blusteel_011609.gif">
<form name='form' action='suivant.html'>
Pays :
<select name='pays' onChange='listerRegionFonctionPays();'>
<option>Sélectionnez ici</option>
<option>France</option>
<option>USA</option>
<option>Italie</option>
</select>
<br />Région :
<select name='region'>
<option>Sélectionnez ici</option>
</select>
<br /><input type='radio' name='radio1' value='1' onClick='champ(value);' /> Choix 1
<br /><input type='radio' name='radio1' value='2' onClick='champ(value);' /> Choix 2
<br /><input type='radio' name='radio1' value='3' onClick='champ(value);' /> Choix 3
<br />
<br /><span id='idic'></span>
<script language='javascript'>
function champ(value)
{
obj=document.getElementById('idic');
obj.innerHTML="Nouveau champ pour le choix "+value+ "<input type='text' name='nomDuChamp'>";
}
</script>
<br /><input type='submit' value='Suivant' />
</form>
</body>
</html>
Je ferais ainsi :
1ère étape :
<select name="region" onchange="javascript:RendVisibleDep(this.value)">
devient
<select id="regions" name="region" onchange="javascript:RendVisibleDep(this.id)">
2ème étape dans le javascript :
function RendVisibleDep(id){
var choix = document.getElementById(id).selectedIndex;
var regionChoisie =select.options[choix].value;
document.getElementById(regionChoisie).style.display = "block";
}
Y'a peut-être qqs erreurs de codes mais dans l'ensemble ça doit y ressembler!
1ère étape :
<select name="region" onchange="javascript:RendVisibleDep(this.value)">
devient
<select id="regions" name="region" onchange="javascript:RendVisibleDep(this.id)">
2ème étape dans le javascript :
function RendVisibleDep(id){
var choix = document.getElementById(id).selectedIndex;
var regionChoisie =select.options[choix].value;
document.getElementById(regionChoisie).style.display = "block";
}
Y'a peut-être qqs erreurs de codes mais dans l'ensemble ça doit y ressembler!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
