Select dynamiques // Codes qui ne fonctionnent pas?
Woowoo
-
Woowoo -
Woowoo -
Bonjour,
J'ai trouvé plusieurs codes/tutoriels javascript pour afficher dynamiquement le contenu de ma 2° combobox, à partir de la catégorie sélectionnée dans mon 1er combo, mais lorsque j'applique ces codes chez moi, ça ne marche pas : rien ne s'affiche dans mon 2eme select.
Et lorsque je teste les codes issus des tutoriels dans jsfiddle, le résultat est identique : pas de données qui s'affichent dans la 2eme combo. Pourtant je prends ces codes sur des sites compétents et comptant des centaines de scripts et de tutoriels, donc je me pose quelques questions sur pourquoi leurs propres codes ne fonctionnent pas dans jsfiddle, ni lorsque mis en application sur mon site, alors que dans leurs démos ça marche.
Exemple:
Autre exemple :
Merci pour vos lanternes expérimentées.
A vous lire,
J'ai trouvé plusieurs codes/tutoriels javascript pour afficher dynamiquement le contenu de ma 2° combobox, à partir de la catégorie sélectionnée dans mon 1er combo, mais lorsque j'applique ces codes chez moi, ça ne marche pas : rien ne s'affiche dans mon 2eme select.
Et lorsque je teste les codes issus des tutoriels dans jsfiddle, le résultat est identique : pas de données qui s'affichent dans la 2eme combo. Pourtant je prends ces codes sur des sites compétents et comptant des centaines de scripts et de tutoriels, donc je me pose quelques questions sur pourquoi leurs propres codes ne fonctionnent pas dans jsfiddle, ni lorsque mis en application sur mon site, alors que dans leurs démos ça marche.
Exemple:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function populate(s1,s2){
var s1 = document.getElementById(s1);
var s2 = document.getElementById(s2);
s2.innerHTML = "";
if(s1.value == "Chevy"){
var optionArray = ["|","camaro|Camaro","corvette|Corvette","impala|Impala"];
} else if(s1.value == "Dodge"){
var optionArray = ["|","avenger|Avenger","challenger|Challenger","charger|Charger"];
} else if(s1.value == "Ford"){
var optionArray = ["|","mustang|Mustang","shelby|Shelby"];
}
for(var option in optionArray){
var pair = optionArray[option].split("|");
var newOption = document.createElement("option");
newOption.value = pair[0];
newOption.innerHTML = pair[1];
s2.options.add(newOption);
}
}
</script>
</head>
<body>
<h2>Choose Your Car</h2>
<hr />
Choose Car Make:
<select id="slct1" name="slct1" onchange="populate(this.id,'slct2')">
<option value=""></option>
<option value="Chevy">Chevy</option>
<option value="Dodge">Dodge</option>
<option value="Ford">Ford</option>
</select>
<hr />
Choose Car Model:
<select id="slct2" name="slct2"></select>
<hr />
</body>
</html>
Autre exemple :
<form name="classic">
<select name="countries" size="4" onChange="updatecities(this.selectedIndex)" style="width: 150px">
<option selected>Select A City</option>
<option value="usa">USA</option>
<option value="canada">Canada</option>
<option value="uk">United Kingdom</option>
</select>
<select name="cities" size="4" style="width: 150px" onClick="alert(this.options[this.options.selectedIndex].value)">
</select>
</form>
<script type="text/javascript">
var countrieslist=document.classic.countries
var citieslist=document.classic.cities
var cities=new Array()
cities[0]=""
cities[1]=["New York|newyorkvalue", "Los Angeles|loangelesvalue", "Chicago|chicagovalue", "Houston|houstonvalue", "Austin|austinvalue"]
cities[2]=["Vancouver|vancouvervalue", "Tonronto|torontovalue", "Montreal|montrealvalue", "Calgary|calgaryvalue"]
cities[3]=["London|londonvalue", "Glasgow|glasgowsvalue", "Manchester|manchestervalue", "Edinburgh|edinburghvalue", "Birmingham|birminghamvalue"]
function updatecities(selectedcitygroup){
citieslist.options.length=0
if (selectedcitygroup>0){
for (i=0; i<cities[selectedcitygroup].length; i++)
citieslist.options[citieslist.options.length]=new Option(cities[selectedcitygroup][i].split("|")[0], cities[selectedcitygroup][i].split("|")[1])
}
}
</script>
Merci pour vos lanternes expérimentées.
A vous lire,
A voir également:
- Select dynamiques // Codes qui ne fonctionnent pas?
- Les codes ascii - Guide
- Tableaux croisés dynamiques - Guide
- Spotify codes - Guide
- Comment avoir les codes iptv gratuit forum ✓ - Forum TNT / Satellite / Réception
- Codes gta - Guide
6 réponses
Hello !
Ok ok. Je me disais bien qu'il y avait quelque chose de pas normal !
Pourquoi depuis chez moi ces codes ne fonctionnent pas ni dans mes pages, ni tels quels dans jsfiddle ?
Que dois-je faire ? Le problème vient de chez moi. Mes navigateurs ont pourtant javascript d'activé... QUe faire ? je comprends pas !
Merci ;)
Ok ok. Je me disais bien qu'il y avait quelque chose de pas normal !
Pourquoi depuis chez moi ces codes ne fonctionnent pas ni dans mes pages, ni tels quels dans jsfiddle ?
Que dois-je faire ? Le problème vient de chez moi. Mes navigateurs ont pourtant javascript d'activé... QUe faire ? je comprends pas !
Merci ;)
Non pas d'erreur dans la console. Et je teste sur différents navigateurs, résultat identique.
Merci déjà de m'avoir dit que chez toi ces codes fonctionnent, ça fait avancer.
En demandant à Google, j'ai trouvé que ça vient peut-être de Java. j'essaie donc de mettre à jour Java, mais impossible de télécharger la dernière version : dès que je click sur télécharger, j'ai : page inaccessible... "La connexion à javadl.sun.com a été interrompue. Vérifier votre connexion Internet Vérifiez les câbles et redémarrez votre routeur, votre modem ou tout autre périphérique réseau utilisé. " bla bla bla
http://www.java.com/fr/download/chrome.jsp?locale=fr
Pourrais-tu me dire si de chez toi tu as accès à la mise à jour de java ? stp,
Merci :)
ohlalaaaaaaaaaaa !!!
Merci déjà de m'avoir dit que chez toi ces codes fonctionnent, ça fait avancer.
En demandant à Google, j'ai trouvé que ça vient peut-être de Java. j'essaie donc de mettre à jour Java, mais impossible de télécharger la dernière version : dès que je click sur télécharger, j'ai : page inaccessible... "La connexion à javadl.sun.com a été interrompue. Vérifier votre connexion Internet Vérifiez les câbles et redémarrez votre routeur, votre modem ou tout autre périphérique réseau utilisé. " bla bla bla
http://www.java.com/fr/download/chrome.jsp?locale=fr
Pourrais-tu me dire si de chez toi tu as accès à la mise à jour de java ? stp,
Merci :)
ohlalaaaaaaaaaaa !!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question