recherche exemple jquery : inputs select liés

Version imprimable

Bonjour,

Cela fait quelques heures que je tourne en rond sur google à rechercher un exemple de code avec des combobox liées.

Mon problème est simple : remplir un combobox en fonction de la sélection d'un 1er combobox. Je pensais trouver un exemple vite fait, he ben non.

Mes handicapes :

* une très grosse fatigue et un cerveau qui tourne au ralenti :oops:

* problème dans mes recherches, quel terme utiliser ... combobox, input select, select, liste déroulante. J'ai un peu tout testé mais rien de concluant, pleins de gens avec des problèmes pour ce qui semble ressembler à ma recherche, mais les bouts de codes sont incomplets donc inutilisable pour moi.

* je ne connais rien du tout à Ajax et jquery, d'ou la recherche d'un exemple complet (avec la petite démo disponible c'est le top :ccool:)

comme j'ai les yeux qui clignotent je m'en viens poster un peu dépitée et honteuse pour demander de l'aide.

J'ai compris le début, il me semble :
Code:

1 2 3 4 5 6 7 8 9 $(':select').OnChange( function() { donnee = StructuresDetail_id_$cible.options[StructuresDetail_id_$cible.selectedIndex].value; $.ajax({ type: "POST", url: "ajax.php", data: donnee, datatype : "html", success: function(msg){
mon souci c'est qu'es que je dois renvoyer de mon fichier php et comment je l'affiche ?
Je fais un gros echo avec tout le select ? ca me parait louche comme solution :aie:
J'aimerais vraiment avoir accès à un exemple complet dans ce contexte de remplissage de combobox (input select ...).

Le plus frustrant c'est que je suis quasiment sure d'être tombée sur un exemple en français vendredi dernier, peut être pas basé sur la lib jquery, c'est pour ca que j'arrive pas à remettre la main dessus ... :cry:

26/05/2010, 18h44
sayari.dev

Bonjour,

j'ai trouvé ce tutoriel, il peut t'aider. Non non, sûrement il va t'aider ;)

Tuto

Bonne lecture et bon apprentissage.

ok, merci

il me semble avoir vu cet exemple mais comme il n'utilisait pas jquery j'avais un peu zappé.

aujourd'hui mon cerveau est un peu reposé, je vais tenter de comprendre les points qui me manquait et retranscrire avec la lib jquery vu que je l'utilise (plutôt que j'ai grandement copié :zoubi: ) dans un système d'organisation d'élément.

si j'ai bien compris, les points que je ne savais pas trop :
- dans mon doc initiale je met un select vide (celui qui se remplit automatiquement)
-dans le php je construis le select en entier
-dans le javascript je colle la ligne magique au retour ok : document.getElementById('livre').innerHTML = leselect;

ce qui devrait me donner quelque chose comme :
Code:

1 2 3 4 5 6 7 8 9 10 11 $(':select').OnChange( function() { donnee = Structures_id_$cible.options[Structures_id_$cible.selectedIndex].value; $.ajax({ type: "POST", url: "ajax.php", data: donnee, datatype : "html", success: function(msg){ document.getElementById('StructuresDetail_id').innerHTML = donnee; ...
je vais tenter ca,

advienne que pourra

merci :)

j'ai eu vraiment du mal à traduire ca en jquery.

ma fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready( function() 
{
	$('#select_structures').change( function()
	{
		var donnee= "";
 
		$('#select_structures option:selected').each(function () {
                donnee += $(this).val();
              });
;
		$.ajax({
			type: "POST",
			url:  "ajax.php",
			data: "donnee="+donnee,
			datatype : "html",
			success: function(msg){
				alert(msg);
				$("#select_dyn").html(msg);
			}
		});
	})
})

le div du select à remplir :

Code:

<div id="select_dyn"><select id="select_structuresdetail"></select><div>

piou :lahola: