Valeur par défaut dans $ajax
bonjour ,
juste pour m'exercer je cherche à faire un deux select dynamique avec javascript.
le premier pour selectionner les pays
Code:
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:
1
2
3
4
|
<select id="villes" name="villes">
<option value="">villes</option>
</select> |
te mon script Jquery pour gérer tout ceci
Code:
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:
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:
<option value="1" selected="selected">US</option>
mais le soucis lorsque j'ai éssayé avec cet attribut ç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 ?
