Sujet Précédent Sujet Suivant

Select dynamiques // Codes qui ne fonctionnent pas?

Fermé
Woowoo - 12 oct. 2013 à 18:52
 Woowoo - 12 oct. 2013 à 20:20
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: 
<!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:

6 réponses

Réponse 1 / 6
Utilisateur anonyme
Modifié par lobotoFix le 12/10/2013 à 19:14
Salut, chez moi les deux vont très bien !

׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
0
Réponse 2 / 6
Woowoo
12 oct. 2013 à 19:19
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 ;)
0
Réponse 3 / 6
Utilisateur anonyme
12 oct. 2013 à 19:24
Je vois vraiment pas car tu utilise chrome apparemment,

tu n'a pas d'erreur dans la console ?
0
Réponse 4 / 6
Woowoo
12 oct. 2013 à 19:34
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 !!!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
Utilisateur anonyme
12 oct. 2013 à 19:52
Salut, je pense pas que java est quelque choses à voir la dedans, oui j'y ai accès.

Essaye ca pour voir : 

<script type="text/javascript">
alert("essai");
</script>


la pop up s'ouvre ?
0
Réponse 6 / 6
Woowoo
12 oct. 2013 à 20:20
Ok pour java download latest version qui fonctionne chez toi. merci pour la vérif. Chez moi, c'est tjrs impossible.

Oui j'avais testé alert, qui fonctionne. huuumm !
D'où vient mon problème ?!! Ca m'énerve.

Mercii :)
0

Discussions similaires

Aide Please select boot device
Romanitouu -
jee pee -

1 réponse
"L'indice n'appartient à la sélection" + VBA
fleur.31 -
geosevda -

2 réponses
IPTV CODE BLOQUÉ
Balcoleo -
bazfile -

1 réponse
"Please select a boot device " ? ???
EtienneRMsss -
Malekal_morte- -

1 réponse
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

6 réponses