Discussion :

[KEVIN.DLL]

bonjour ,
juste pour m'exercer je cherche à faire un deux select dynamique avec javascript.
le premier pour selectionner les pays

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<select id="pays" name="pays">
            <option value="1" selected="selected">US</option>
            <option value="2" >france</option>
        </select>

le deuxième pour afficher les villes en fonction du pays

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<select id="villes" name="villes">
            <option value="">villes</option>
        </select>

te mon script Jquery pour gérer tout ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
        $(document).ready(function(){
           $('#pays').change(function(){
              var pays_id = $(this).val();
              $.ajax({
                 url:"code.php",
                 method:"POST",
                 data:{paysId: pays_id},
                 dataType:"text",
                 success:function(data)
                 {
                     $('#villes').html(data);
                 }
              });
           }); 
        });
        </script>

ainsi que la page code.php qui s'occupe du traitement des données ,tout marche bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<?php
$out ="";
$db = new PDO('mysql:host=localhost;dbname=enter', 'root','');
$sql ="SELECT * FROM ville WHERE ville_id = '".$_POST['paysId']."'";
$q = $db->prepare($sql);
$q->execute();
while ($row = $q->fetch()) {
    $out = '<option>'.$row['ville_nom'].'</option>';
}
echo $out; ?>

mais j'aimerai que lorsque la page charge le choix par défaut soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option value="1" selected="selected">US</option>

mais le soucis lorsque j'ai éssayé avec cet attribut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

selected="selected

ça ne marche pas. en clair lorsque la page charge je souhaite mettre en USA en pays sélectionne et aussi voir sa ville chargé.

quelqu'un pourrait bien m'aider s'il vous plait ?

[Willy_k]

Salut,
le "selected" fonctionne t-il ou pas ? Ou bien il fonctionne mais les villes ne sont pas chargées automatiquement dans le 2è select ?
Côté PHP , la requête préparée est incorrecte et $out va contenir que la dernière ville du pays (ça devait être $out .= '<option>'.htmlspecialchars($row['ville_nom']).'</option>';, ou bien c'est une erreur de copier-coller)

[KEVIN.DLL]

Le "selected" fonctionne mais les villes ne sont pas chargées automatiquement dans le deuxième select et c'est mon soucis qui est la .

[Willy_k]

Une technique serait d'avoir d'utiliser trigger

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$('#pays').change(function(){
//code ici
}).trigger('change');

L’événement sera déclenché automatiquement et aura pour but de charger le "select"

[KEVIN.DLL]

Merci beaucoup tu viens de résoudre mon problème. 😅