Bonjour,

J'ai une liste de champs (imput, select ....) créée dynamiquement (créé par les utilisateurs) et je voudrais mettre en place la mise a jour d'une base de données dès que l'utilisateur change une champs.

le problème est que je pense qu'il existe une methode qui me permettrrais de gérer cela dynamiquement et ne pas être obliger de créer une une "function ajax" pour chaque champs

pouvez-vous me dire comment faire

voici le code que j'ai mis en place


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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
$(document).ready(function() {
	$("#Submit").click(function (e) {
		e.preventDefault();
		$("#Submit").hide(); //hide submit button
		$("#LoadingImage").show(); //show loading image
	 	var myData = 'Field='+ $("#value").val(); //build a post data structure
		jQuery.ajax({
			type: "POST", // HTTP method POST or GET
			url: "response.php", //Where to make Ajax calls
			dataType:"text", // Data type, HTML, json etc.
			data:myData, //Form variables
			success:function(response){
				$("#responds").append(response);
				$("#contentText").val(''); //empty text field on successful
				$("#FormSubmit").show(); //show submit button
				$("#LoadingImage").hide(); //hide loading image
			},
			error:function (xhr, ajaxOptions, thrownError){
				$("#FormSubmit").show(); //show submit button
				$("#LoadingImage").hide(); //hide loading image
				alert(thrownError);
			}
		});
	});
	//##### Send delete Ajax request to response.php #########
	$("body").on("click", "#responds .del_button", function(e) {
		 e.preventDefault();
		 var clickedID = this.id.split('-'); //Split ID string (Split works as PHP explode)
		 var DbNumberID = clickedID[1]; //and get number from array
		 var myData = 'recordToDelete='+ DbNumberID; //build a post data structure
		$('#item_'+DbNumberID).addClass( "sel" ); //change background of this element by adding class
		$(this).hide(); //hide currently clicked delete button
		jQuery.ajax({
			type: "POST", // HTTP method POST or GET
			url: "response.php", //Where to make Ajax calls
			dataType:"text", // Data type, HTML, json etc.
			data:myData, //Form variables
			success:function(response){
				//on success, hide  element user wants to delete.
				$('#item_'+DbNumberID).fadeOut();
			},
			error:function (xhr, ajaxOptions, thrownError){
				//On error, we alert user
				alert(thrownError);
			}
		});
	});
  //la partie de code pour la onchange
   $('body').change(function(){
		???????
   });
});
la partie HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<tr>
	<td><input class="ValueX" id="ID-1" type="text"  name="Value1" value=""></td>
</tr>
<tr>
	<td><input class="ValueX" id="ID-2" type="text"  name="Value2" value=""></td>
</tr>
....
<tr>
	<td><input class="ValueX" id="ID-2" type="text"  name="ValueN" value=""></td>
</tr>

merci de votre aide