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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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.
Le valeur reste toujours celle du champ sélectionné par défaut au chargement de la page:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
$('#recherche').autocomplete({
  dataType : 'json',
  source : 'liste.php?test=' + $('#country option:selected').val()
});
Merci pour votre aide , salut