Récupérer la valeur s'un champ select dynamiquement
Salut a tous je débute avec jquery et j'ai un problème pour récupérer la valeur d'un champ select dynamiquement dans une fonction autocomplete avec jquery UI:
Code:
1 2 3 4 5 6 7 8 9 10
| <form>
<select name="country" id="country">
<option value="1">Asia</option>
<option value="2">Europe</option>
<option value="3">North america</option>
<option value="4">Africa</option>
<option value="5">Oceania</option>
</select>
<input type="text" id="recherche" />
</form> |
J'ai essayé quelque chose comme ça mais je ne récupère pas du tout la valeur de la variable country dans mon fichier liste.php
Code:
1 2 3 4 5 6 7 8
| $("#country").change(function () {
country = $('#country option:selected').val();
})
$('#recherche').autocomplete({
dataType : 'json',
source : 'liste.php?test=' + country
}); |
Ensuite ça mais le problème est que la variable ne change pas en fonction du select choisi. :roll:
Le valeur reste toujours celle du champ sélectionné par défaut au chargement de la page:
Code:
1 2 3 4
| $('#recherche').autocomplete({
dataType : 'json',
source : 'liste.php?test=' + $('#country option:selected').val()
}); |
Merci pour votre aide , salut