Rechargement d'une DIV

Version imprimable

Bonjour,
J'ai un problème :

J'ai une page en php avec un formulaire.

Dans ce formulaire j'inclus (include()) une page php avec des SELECT qui vont chercher des valeurs dans la base.

Lorsque je créé une nouvelle valeur, je fais load("#madiv","messelects.php")

Le problème c'est que les SELECT sont tous vides après cela.

Page principale

Code:

1
2
3
<div id="choix">
	<?php include("includes/calc/choix.php"); ?>
</div>

Choix.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<TABLE class="items">
				<FORM id="equip" name="equip" method="post" action="#">	
					<LABEL>item1</LABEL>
					<SELECT name="item1" size="1">
						<OPTION name="item1" value="#">---</OPTION>
						<?php 
							$position=1;
							include("includes/calc/liste_items.php"); 
						?>
						<OPTION name="item1" value="add">Nouvel item...</OPTION>
					</SELECT></BR>
					<LABEL>item2</LABEL>
					<SELECT name="item2" size="1">
						<OPTION name="item2" value="#">---</OPTION>
						<?php 
							$position=2;
							include("includes/calc/liste_items.php"); 
						?>
						<OPTION name="item2" value="add">Nouvel objet...</OPTION>					
					</SELECT></BR>....

Mon script :

Code:

1
2
3
4
5
6
	$("#retour").click(function () { 
			$("#choix_items").fadeIn("slow");
			$("#add_items").fadeOut("slow");	
		        $("#choix").load("includes/calc/choix.php");
 
	});

Auriez vous une idée du pourquoi du comment ? :)

05/05/2011, 22h41
danielhagnoul

Bonsoir

Je vous suggère d'essayer avec : load("messelects.php #madiv").

Attention, l'espace entre le nom du fichier et l'ID est significatif !

Je pense que t'as besoin que ton php bénéficie des donnée des selects en POST dont utilise $.ajax() :
http://api.jquery.com/jQuery.ajax/

Ça donne quelque chose comme:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$("#retour").click(function () { 
  $("#choix_items").fadeIn("slow");
  $("#add_items").fadeOut("slow");	
 
  $.ajax({
    url: "includes/calc/choix.php",
    type: 'POST',
    data: varsPost, // Où varsPost est les données à envoyer
    dataType: "html",
    success: function(res){
      $("#choix").html(res);
    }
  });
 
});

12/05/2011, 15h04
Bovino

Tu appelles le fichier

Code:

$("#choix").load("includes/calc/choix.php");

or dans ce fichier, tu fais un include de

Code:

include("includes/calc/liste_items.php");

et je parierai les entrailles de mon poulet que tu n'as pas de répertoire "includes/calc/includes/calc" :aie:
20/05/2011, 22h57
flyingfr53

C'est a priori normal que tous les select se remettent à 0 lorsque tu reactualise ton formulaire.

tu peux soit recharger avec la totalité avec tes valeurs postées. soit plutot je te conseille de te tourner vers le plugin form

jquery.form.js qui te permet de faire une requete ajax uniquement sur le input concerné .