Discussion :

[polakDesIles]

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

[danielhagnoul]

Bonjour

Je pense que votre fichier PHP doit retourner, au format JSON, la série de valeur correspondant au contenu de la variable "country".

Code JS :

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

1
2
3
source: function( request, response ) {
    $.getJSON( "fichierData.php", { "contry" : country }, response );
}

Exemple de série de valeur :

Code JS :

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

[{"label":"Greater White-fronted Goose","value":"Greater White-fronted Goose"},{"label":"Lesser White-fronted Goose","value":"Lesser White-fronted Goose"},{"label":"Franklin`s Gull","value":"Franklin`s Gull"}]

Les propriétés "label" et "value" sont obligatoires. UI Animation retourne la "value" correspondant au "label" recherché. Le contenu des propriétés "label" et "value" peut être identique ou différent.

[Bovino]

Code :

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

country = $('#country option:selected').val();

Code :

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

var country = $('#country').val();