Discussion :

[Flynt]

Bonjour,

Je manipule l'ajax depuis quelques temps sans framework et je m'essaye à Jquery.

J'aimerais pouvoir récupérer la valeur sélectionné dans un champ <select>.
Puis récupérer une liste de valeur que je réinjecte dans une autre liste <select>.


En utilisant Jquery je n'arrive pas a désigner l'id de ma balise <div>, et impossible de trouver comment comment recharger seulement le <select>.

Je sais pas si je suis très clair donc je vous donne le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
<select name="section" id="section" style="width:180px" onChange='
		ObtenirMatricule("#section","#mat","ObtenirMatricule.php");
		'>
  <option value='-1'>...</option>
</select>
<div id="mat">
  <select name="matricule" disabled="disabled" id="matricule"  style="width:180px">
              <option  value='-1'>Tous</option>
 </select>
</div>

fonction js :

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
 
function ObtenirMatricule(idsection,idretour,url)
{
		// On récupère l'id de la section
		Section = jQuery(idsection).val();
		jQuery.ajax({
		type:"POST",
		url:"ObtenirMatricule.php",
		data:"Section="+Section,
	    success:function(html)
		{
				jQuery(idretour).val(html);
 
		 }
	 })
 
 
}

Page traitement php :

Code :

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

1
2
3
4
5
6
7
8
9
 
$Section = $_POST["Section"];
// Requete exécutée à partir du paramètre $Section récupéré
 
?>
        <select style="width:180px" id="matricule" name="matricule" >
		<option  value='all'>Ok ...</option>
 
</select>

Et je vous épargne les requetes SQL et résultats qui fonctionnent.

Bon week-end !

[Flynt]

personne ?

[Flynt]

J'ai résolu mon problème grâce à la fonction load de jquery.

Je peux d'ailleurs soit injecter du code directement dans mon select via

Code :

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

$("#monselect").load("codeainjecter.php");

ou passer par un div ( exemple de la doc ):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$("#feeds").load("feeds.html");
 
//Code de test:
 
<div id="feeds"></div>
 
//Résultat:
 
<div id="feeds"><b>45</b> feeds found.</div>
$("#feeds").load("feeds.html");

Voilà.

[thered]

bonjour,
voila on fini toujours par trouver les solution nous meme
je suis nouveau sur le monde du javascript
que me conseillez vous ?
amicalement thered