Modifier un bouton radio

Version imprimable

Bonjour, j'ai un formulaire contenant un champ select et deux bouton radio mon objectif c'est d'activer un bouton radio en fonction du choix d'une option du select. les options sont les différents pays et ils appartiennent soit une zone ou non (uemoa ou non-uemoa).
Ainsi lorsque l’utilisateur sélectionne un pays une requête est envoyé par ajax a la base de données pour savoir quelle est sa zone, si uemoa coché automatiquement activer bouton radio uemoa sinon activer non-uemo.
mais mon ajax ne fonctionne pas je précise que c'est avec jquery. voici les
code:
code html:

Code:

1
2
3
4
5
6
7
8
9
<select id="Ch2" name="pays">
<option value="none">selectionner un pays</option>
    <option value="France">France</option>
 <option value="Mali">Mali</option>
 <option value="Côte d\'ivoire">Côte d\'ivoire</option>
 <option value="Algerie">Algerie</option>
</select>
<input type="radio" name="zone" value="UEMOA" id="uemoa"/> <label for="uemoa">UEMOA</label>
<input type="radio" name="zone" value="HORS UEMOA" id="hors-uemoa" /> <label for="hors-uemoa">HORS UEMOA</label>

le code ajax(jquery):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript" src="jquery-1.10.2.js">
$(document).ready(function() {
     var $zone = $('#uemoa');
	var $zone1 = $('#hors-uemoa');
	var $pays = $('#Ch2');
    // à la sélection d un pays dans la liste
  $pays.on('change', function() {
        var val = $(this).val(); // on récupère la valeur du pays
        if(val != 'none') {  
            $.ajax({
                 url: 'zone.php',
                data: 'description='+ val, // on envoie $_GET['description']
                dataType: 'json',
                success: function(json) {
                    $.each(json, function(index, value) {
                     if(value!='UEMOA')
					   { // Disable #zone
                        $zone1.attr("checked",true); }
						else{$zone.attr("checked",true); }
                    });
                }
            });
        }
    });
});
</script>

le code php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
if(isset($_GET['description'])) {
 
    $json = array();
 
        $id = htmlentities(intval($_GET['description']));
        // requête qui récupère la du pays selectionné
        $sql = "SELECT zone FROM pays WHERE description = '". $id ."'";
    }
	require("codeBDD.php");
    $bdd = new phpBDD;
    $json=$bdd->recupere($sql); // retourne le nom de la zone
    // envoi du résultat au success
    echo json_encode($json[0]);
}
?>

mais ce code ne fonctionne hors ma variable json contient bien les valeurs donc ma requête fonctionne cependant rien ne produit lorsque je fais une sélection d'un pays. car comme je le dit mon objectif est de cocher un bouton radio en fonction de l'appartenance du zone(uemoa ou non uemoa) du pays sélectionné par ajax. merci de vos aident ou si possible une autre solution qui fonctionne.

19/09/2013, 14h13
Bovino

Que ta requête fonctionne, c'est une chose, qu'elle renvoie un JSON correct en est une autre et que tu le traites correctement encore une autre.
Bref, si tu ne dis pas à quoi ressemble ce que tu reçois comme réponse, difficile de t'aider.

Ceci dit, l'utilité d'AJAX dans ton cas ne me semble pas lumineux... Pourquoi ne pas créer des attributs (de type data-*) dans ton select afin de vérifier directement à quelle zone appartient chaque option ? Ces informations sont logiquement connues dès le départ et immuables, tu ferais donc une l'économie d'une transaction HTTP...
19/09/2013, 14h24
sabdoul

salut et merci de me répondre j'ai effectivement pensé (Pourquoi ne pas créer des attributs (de type data-*) dans ton select afin de vérifier directement à quelle zone appartient chaque option)a cela mais comment ce faire la syntaxe je précise que les options du select sont générées par une requête a la BDD dont j'aurais voulu associer les zone des différents pays sans afficher la zone mais qu'il soit lié au pays concerné et ainsi a chaque sélection d'un pays je vérifie ce denier au lieu de faire une autre requête. votre suggestion tombe a pic. comment créer un attribut data
19/09/2013, 14h30
Bovino

Ben... j'imagine que tu as un champ dans ta base indiquant la zone.
Donc lorsque tu construis ton select à partir de la requête, rien ne t'empêche d'ajouter un test vérifiant la zone et si elle correspond, ajouter l'attribut.

Mais bon, là c'est plus du jQuery, c'est du PHP. ;)
19/09/2013, 14h50
sabdoul

OK merci je viens de voir sur le net cet attribut data apparu avec le html5. mais j'aimerais savoir pourquoi mon code n'a pas fonctionné. y'a t-il une erreur