Probleme fonction js
Résolu
lwdu76
Messages postés
65
Date d'inscription
Statut
Membre
Dernière intervention
-
lwdu76 -
lwdu76 -
bonjour,
je voudrais faire une liste déroulante donc j'ai fait ceci en html et js mais elle ne fonctionne pas
function liste_deroulante () {
var list_selected = document.createElement("select");
var list_cat = new Array ("abyssin", "american curl", "american shorthair", "american wirehair", "anatoli", "angora turc", "asian", "brume australianne", "balinais", "bengal", "bleu russe", "americain", "bobtail des kouriles", "bobtail japonais", "bombay", "brazilian shorthair", "british longhair", "british shorthair", "burmese", "burmilla", "californian rex", "californian spangled", "ceylan", "chartreux", "chantilly", "chausie", "colorpoint shortair", "cornish rex", "cymric", "devon rex", "donskoy", "european shortair", "exotic shortair", "german rex", "havana brown", "highlander", "highland fold", "himalayen", "khao manee", "korat", "laperm", "maine coon", "mandarin", "manx", "mau arabe", "mau égyptien", "minskin", "munchkin", "nebelung", "norvégien ou skogkatt", "ocicat", "ojos azules", "oriental shortair", "persan", "peterbald", "pixie-bob", "ragamuffin", "ragdoll", "sacré de bismanie", "safari", "savannah", "scottish fold", "selkirk rex", "serengeti", "seychellois", "siamois", "sibérien", "skookum", "snowshoe", "sokoké", "somali", "sphynx", "thaï", "tiffany", "tonkonois", "toyger", "turc de van", "ural rex", "york chocolat");
for (var i = 0; i < list_cat.length; i++) {
var option = document.createElement("option");
option.innerHTML = list_cat[i];
list_selected.appendChild(option);
}
liste_deroulante (document.body.appendChild(list_selected));
}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<select name="select">
<option value="" >Race list</option>
</select>
<script src = "liste.js"></script>
</body>
</html>
A voir également:
- Probleme fonction js
- Fonction si et - Guide
- Fonction miroir - Guide
- Fonction moyenne excel - Guide
- Fonction remplacer sur word - Guide
- Fonction somme excel - Guide
1 réponse
Bonjour,
function liste_deroulante () {
var list_selected = document.createElement("select");
var list_cat = new Array ("abyssin", "american curl", "american shorthair", "american wirehair", "anatoli", "angora turc", "asian", "brume australianne", "balinais", "bengal", "bleu russe", "americain", "bobtail des kouriles", "bobtail japonais", "bombay", "brazilian shorthair", "british longhair", "british shorthair", "burmese", "burmilla", "californian rex", "californian spangled", "ceylan", "chartreux", "chantilly", "chausie", "colorpoint shortair", "cornish rex", "cymric", "devon rex", "donskoy", "european shortair", "exotic shortair", "german rex", "havana brown", "highlander", "highland fold", "himalayen", "khao manee", "korat", "laperm", "maine coon", "mandarin", "manx", "mau arabe", "mau égyptien", "minskin", "munchkin", "nebelung", "norvégien ou skogkatt", "ocicat", "ojos azules", "oriental shortair", "persan", "peterbald", "pixie-bob", "ragamuffin", "ragdoll", "sacré de bismanie", "safari", "savannah", "scottish fold", "selkirk rex", "serengeti", "seychellois", "siamois", "sibérien", "skookum", "snowshoe", "sokoké", "somali", "sphynx", "thaï", "tiffany", "tonkonois", "toyger", "turc de van", "ural rex", "york chocolat");
for (var i = 0; i < list_cat.length; i++) {
var option = document.createElement("option");
option.innerHTML = list_cat[i];
list_selected.appendChild(option);
}
//on ajoute la liste dans le body de la page
document.body.appendChild(list_selected)
}
//On execute la fonction
liste_deroulante ();
il ne m'affiche pas la liste du tableau quand je la sélectionne
Vide bien le cache de ton navigateur Internet avant de réessayer...
Regarder également dans la console javascript si il n'y a pas des messages d'erreur qui se seraient affichés...
Si ça ne fonctionne toujours pas pense bien à nous montrer l'intégralité de ton code que ça soit au niveau HTML ou JavaScript.
Il me qu"il ne peut pas lire la propriété appendchild
probleme resolu c'était parce que j'avais mis mon script js avant les balises html alors que c'est a la fin ;)