Print the value in loop in Jquery ready function

Question

somehow still not able to do what I’m inted to do. It gives me the last value in loop on click not sure why. Here I want the value which is been clicked.

Here is my code:

$(document).ready(function() {
  var link = $('a[id]').size();
  //alert(link);
  var i=1;
  while (i<=link)
   {
 $('#payment_'+i).click(function(){
   //alert($("#pro_path_"+i).val());
  $.post("<?php echo $base; ?>form/setpropath/", {pro_path: $("#pro_path_"+i).val()}, function(data){ 
   //alert(data);
   $("#container").html(data);    
  });
 });
 i++;
   }
});

Here the placement_1, placement_2 .... are the hrefs and the pro_path is the value I want to post, the value is defined in the hidden input type with id as pro_path_1, pro_path_2, etc. and here the hrefs varies for different users so in the code I have $('a[id]').size(). Somehow when execute and alert I get last value in the loop and I don’t want that, it should be that value which is clicked.

I think onready event it should have parsed the document and the values inside the loop I’m not sure where I went wrong. Please help me to get my intended result.

Thanks, all

I can't see any placement_1, placement_2 - do you mean payment_1, payment_2? — Mark Bell
– Mark Bell, Commented Sep 30, 2009 at 13:36
yes i mean payment_1, payment_2 ...any way i got the soln by karim79 — mainu raj kehte hai
– mainu raj kehte hai, Commented Oct 1, 2009 at 6:53

karim79 · Accepted Answer · 2009-09-30 14:06:08Z

1

I would suggest using the startsWith attribute filter and getting rid of the while loop:

$(document).ready(function() {
    $('a[id^=payment_]').each(function() {

        //extract the number from the current id
        var num = $(this).attr('id').split('_')[1];

        $(this).click(function(){    
            $.post("<?php echo $base; ?>form/setpropath/", {pro_path: $("#pro_path_" + num).val()},function(data){ 
                $("#container").html(data);    
            });
        });
    });
});

edited Sep 30, 2009 at 14:06

answered Sep 30, 2009 at 13:49

karim79

343k67 gold badges420 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mainu raj kehte hai Over a year ago

hey thanks for the solun it worked like a charm i did not had to a single change in the code ...

Gumbo · Accepted Answer · 2009-09-30 13:39:24Z

0

You have to use a local copy of i:

$('#payment_'+i).click(function(){
    var i = i;  // copies global i to local i
    $.post("<?php echo $base; ?>form/setpropath/", {pro_path: $("#pro_path_"+i).val()}, function(data){ 
        $("#container").html(data);
    });
});

Otherwise the callback function will use the global i.

answered Sep 30, 2009 at 13:39

Gumbo

657k112 gold badges792 silver badges852 bronze badges

Comments

Andreas · Accepted Answer · 2009-09-30 13:57:13Z

0

Here is a note on multiple/concurrent Asynchronous Requests:

Since you are sending multiple requests via AJAX you should keep in mind that only 2 concurrent requests are supported by browsers.

So it is only natural that you get only the response from the last request.

answered Sep 30, 2009 at 13:57

Andreas

5,3614 gold badges46 silver badges64 bronze badges

1 Comment

karim79 Over a year ago

He's not sending simultaneous requests, but rather he's binding multiple click handlers each with different $.post parameters.

Samuel · Accepted Answer · 2009-09-30 14:20:43Z

0

What if you added a class to each of the links and do something like this

$(function() {
 $('.paymentbutton').click(function(e) {
  $.post("<?php echo $base; ?>form/setpropath/",
   {pro_path: $(this).val()},
   function(data) {
    $("#container").html(data);
   });
  });
 });
});

Note the use of $(this) to get the link that was clicked.

answered Sep 30, 2009 at 14:20

Samuel

1,37917 silver badges29 bronze badges

Collectives™ on Stack Overflow

Print the value in loop in Jquery ready function

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related