Clonage tableau et récupérer les id qui s'incrémentent pour en faire un traitement

Version imprimable

bonjour , je fais une copie de mes tr d un tableau qui contient des input qui leur id s incrimente apres chaque clone maintenant je voulais parcourir les id et en faire un traitement apres avoir selectionner un input
voici mon code qui html

Code:

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
<table>		
    <tbody id="body">	
        <tr>
		<th></th>
                <th><label>Produit:<label></th>
                <th><label>Quanitité:</label></th>                        
                <th><label>Prix unitaire:</th>
                <th><label>Stock Disponible:</label></th>
                <th><label>  Total</label></th>
		<td> <input type='submit' id='tmpAddRow' value='Add a Row' /></td>
        </tr>									 
	<tr id="tmp"   class="tr_delete">
		<td ><img src="images/del.png" alt="" class="delRow" style="visibility: hidden;" /></td>
		<td>
                    <select     class='produit' name='produit[]'>
                        <option value="-1"> Selectionner Un Produit</option>	
<?php  
$reqtype=mysql_query("select  * from   produit");
while($datatype=mysql_fetch_array($reqtype)){
?>
                        <option  value='<?php echo $datatype[0]; ?>'>	<?php echo $datatype[1]; ?> </option>
<?php } ?>									   
		    </select>
		</td>
		<td> <input type="text"  class="qte"  name="qte[]" ></td>
		<td> <input type="text"  class="prixunit"  name="qte_dispo[]" ></td>
           	<td> <input type="text"  class="qte_dispo"  name="qte_dispo[]" ></td>
		<td> <input type="text"  class="mont_total"  name="mont_total[]" ></td>
	</tr>
    </tbody>
</table>

ensuite mon code qui clone et qui fonctionne bien en incriment les id de produit

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function() {
    $('input#tmpAddRow').click(
      function($e) {
	  var cloneIndex = $(".produit").length;
        $e.preventDefault();
        $('#tmp:last').clone().attr("id", "produit" +cloneIndex).appendTo('#body');
      }
    );
    $('tr input[type=text]').focus(
      function() {
        $(this).addClass('myFocused');   
      }
    ).blur(
      function() {
        $(this).removeClass('myFocused');
      }
    );
}

maintenant mon probleme se pose si je veux recuperer les id et envoyer les données en poste voici ce que j ai commencer a faire
est ce quelqu un a une idée comment parcourir le tr et recuperer les id de select produit
merci d'avance
code javascript qui essaye de recuperer les id

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function() {
    $('.produit').blur(function(){
	$.post('check_item_details.php', {stock_id1: $(this).val() },
		function(data){
                    $(".prixunit").val(data.prixunit);
                    $(".qte").val(data.qte);                                              
		    $(".qte_dispo").val(data.qte_dispo);
		    if(data.qte!=undefined)
			$(".0").focus();
		}, 'json');
	});
  }

24/03/2015, 14h40
SpaceFrog

je ne vois pas ou tu tentes de récupérer l'id dans ton bout de code ?
24/03/2015, 14h54
diengkals

merci votre aide je cherche je moyen a parcourir les id et faire mon traitment je sais ici je recupere les classe mais j ai tenter ça n a pas marché comment je puisse parcourir et recuperer les id et merci de votre aide

Code:

1
2
3
  $('.produit').blur(function(){
console.log ($(this).attr('id')) 
.../...

voici le code pour recuperer l id mais cela ne fonctionne pas

Code:

1
2
3
4
5
6
7
8
9
10
11
function() {
     $('#produit:eq(0)').attr(id).blur(function(){
	$.post('check_item_details.php', {stock_id1: $(this).val() }, function(data){
                $(".prixunit").val(data.prixunit);
                $(".qte").val(data.qte);
		$(".qte_dispo").val(data.qte_dispo);
		if(data.qte!=undefined)
			$(".0").focus();
	}, 'json');
    });
}

merci pour votre aide

bonjour si je code de cette maniere cela me renvoie que le premier element

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function() {
    $('.produit').blur(function(){
        console.log ($(this).attr('id')) 			
	$.post('check_item_details.php', {stock_id1: $(this).val() }, function(data){
                $(".prixunit").val(data.prixunit);
                $(".qte").val(data.qte);                                              
		$(".qte_dispo").val(data.qte_dispo);
		if(data.qte!=undefined)
			$(".0").focus();
	}, 'json');
    });
}

mon select revoir plusieurs donnes mais apres chaque select on revoi l id de l element selectionner en pose
mais cela ne fonctonne pas merci d avance de votre aide

bonjour, je reviens sur vous car j arrive pas a resoudre mon problème
la je viens de constater lorsque je clone mon tr l id produit+i+ ne s applique a l option select mais plutot au tr , moi je veux l appliqueé a l option select
j ai modifier mon code mais cela ne n incrémente pas l id toujours il me donne pour les select de id produit1 ça ne s incrimente pas .

voici mon code qui fait le clone et affecte des id a l option select
Code:

1 2 3 4 5 6 7 8 function() { $('input#tmpAddRow').click(function($e) { var cloneIndex = $("#tmp").length; $e.preventDefault(); $('#tmp:last').clone().appendTo('#body'); $('.produit').attr("id", "produit" +cloneIndex);; }); }
mon deuxième sous est de récupérer les id affecter pour en faire mon traitement voici mon code
ici je parcours le tableau je recuperer les id et je fais les traitements
Code:

1 2 3 4 5 6 7 8 9 10 11 $('#body').each(function(){ $(this).attr('id').blur(function() { $.post('check_item_details.php', {stock_id1: $(this).val() }, function(data){ $(".prixunit").val(data.prixunit); $(".qte").val(data.qte); $(".qte_dispo").val(data.qte_dispo); if(data.qte!=undefined) $(".0").focus(); }, 'json'); }) });
merci d'avance