Résolu créer liste déroulante en javascript

yoann54

Habitué
Bonjour dans ma partie html j'ai ceci :

HTML:
<form id="listes"></form>

et j'aimerai générer le code suivant via un fichier script.js externe :

PHP:
<label for="liste4" id="numéro4">4
        <select name="liste4">
            <option value="">Choisir...</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Azerbaidjan">Azerbaidjan</option>
            <option value="Kirghizistan">Kirghizistan</option>
            <option value="Pakistan">Pakistan</option>
            <option value="Tadjikistan">Tadjikistan</option>
            <option value="Turkménistan">Turkménistan</option>
            <option value="Ouzbékistan">Ouzbékistan</option>
            </select></label>
        <br/>
        <label for="liste5" id="numéro5">5
        <select name="liste5">
            <option value="">Choisir...</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Azerbaidjan">Azerbaidjan</option>
            <option value="Kirghizistan">Kirghizistan</option>
            <option value="Pakistan">Pakistan</option>
            <option value="Tadjikistan">Tadjikistan</option>
            <option value="Turkménistan">Turkménistan</option>
            <option value="Ouzbékistan">Ouzbékistan</option>
            </select></label>
        <br/> 
        
        <label for="liste6" id="numéro6">6
        <select name="liste6">
            <option value="">Choisir...</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Azerbaidjan">Azerbaidjan</option>
            <option value="Kirghizistan">Kirghizistan</option>
            <option value="Pakistan">Pakistan</option>
            <option value="Tadjikistan">Tadjikistan</option>
            <option value="Turkménistan">Turkménistan</option>
            <option value="Ouzbékistan">Ouzbékistan</option>
            </select></label>
        <br/> 
        
         <label for="liste7" id="numéro7">7
        <select name="liste7">
            <option value="">Choisir...</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Azerbaidjan">Azerbaidjan</option>
            <option value="Kirghizistan">Kirghizistan</option>
            <option value="Pakistan">Pakistan</option>
            <option value="Tadjikistan">Tadjikistan</option>
            <option value="Turkménistan">Turkménistan</option>
            <option value="Ouzbékistan">Ouzbékistan</option>
            </select></label>
        <br/>

Pour l'instant voilà ce que j'ai ajouté a mon script.js :

JavaScript:
// Tableau des pays
tableauPays = new Array();
tableauPays[1] = 'Azerbaidjan';
tableauPays[2] = 'Turkménistan';
tableauPays[3] = 'Ouzbékistan';
tableauPays[4] = 'Afghanistan';
tableauPays[5] = 'Pakistan';
tableauPays[6] = 'Tadjikistan';
tableauPays[7] = 'Kirghizistan';

for ( var i = 1 ; i <= (tableauPays.length - 1); i++) {
     
     var chaineListe = document.write('              ?????                 ');
   
     document.getElementById("listes").innerHTML = chaineListe;
     }

la chaine que j'écris dans document.write ne s'affiche qu'une seule fois....pourriez vous m'aiguiller vers un tutoriel pour réaliser ceci merci par avance.
 

BlackPage

Grand Maître
Meilleure réponse
Salut,
Y'a du boulot...
En admettant que ca fonctionne au niveau du

JavaScript:
document.getElementById("listes").innerHTML = chaineListe;
ce qui ne me parait pas évident, il ne faut pas boucler !
Essaie plutot :

JavaScript:
for (var i=1 ; i<tableauPays.length - 1 ; i++){
    var option = document.createElement('option');
    option.text = option.value = tableauPays[i];

    document.getElementById("numéro1").add(option, 0);
    document.getElementById("numéro2").add(option, 0);
    ....
}

Mais ca reste moche^^

Bon courage !

Dsl c'est un peu rapide comme réponse mais je dois partir
 

BlackPage

Grand Maître
C'est vrai qu'on peut modifier huhu... A la ramasse cette semaine. C'est fait !
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Derniers messages publiés
Statistiques globales
Discussions
730 098
Messages
6 717 065
Membres
1 586 286
Dernier membre
petitangebleu1977
Partager cette page
Haut