<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>TP AJAX jQuery</title>
</head>
<body>
<div class="contenu">
<h1>Test AJAX en jQuery</h1>
</div>
<FORM>
<SELECT id="nom" size="1">
<OPTION value="judo">judo
<OPTION value="escrime">escrime
</SELECT>
<button id="button1" type="submit">valider</button>
</FORM>
<div id="disciplines"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script text="javascript">
// appel AJAX avec la fonction $.ajax
$.ajax( {
url: "jo.json",
type : "get",
success : afficheRes,
dataType: "json"
});
function afficheRes(dataJSON) {
// fonction d'affichage
var res = $("<ul>"); // creation d'une liste d'éléménts
var disciplines = dataJSON.disciplines; // le tableau
for (var i=0 ; i < disciplines.length ; i++) {
bleu = disciplines[i].code_sport; //récupere le code sport
txt1 = disciplines[i].intitule; //recupere l'intitulé
s = "s16";
b = "s10";
$("#nom option").each(function(){
if ( $(this).val() == "judo" && bleu == b )
{
// Comparaison du code sport si code sport = s16 on display sinon on ne fait rien
res.append("<li>"+txt1+"</li>"); // ajoute balise <li> + l'intitule
}
else
{
}
});
}
$("#disciplines").append(res); // ajout de la liste dans la div d'id disciplines
}
</script>
</body>
</html>
Merci d'avance à ceux qui m'aiderons.
Comment vous représentez-vous ça : l'endroit ou l'espace se termine ? | Iss Live Feed
Effectivement, je ne prenais pas le problème dans le bon sens! Merci pour ton aide !
Comment vous représentez-vous ça : l'endroit ou l'espace se termine ? | Iss Live Feed
Jquery Json Changer liste après envoie option
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.