issue with accessing for loop variable inside Ajax functions - ajax

Question

I have a problem accessing for loop variable inside my AJAX functions. Below is my code.
for (var x; x<=8; x++){
$('#sumbit_button'+x).bind('keyup paste', function(value){
var val = $(this).val();
$.post('index.php', {val : val }, function(data){
$('#sumbit_this_'+x).html(data);
verify_error(value);
});
});
}

Answer 1

The line
$('#sumbit_button'+x).bind('keyup paste', function(x){ ... }
Means that your previously defined variable x is overriden in local function scope by function argument x which is actually the keyup or paste event. If you want to keep reference to x, rename function(x){...} to something more logical, like function(event) {...} or do not use function argument at all if you don't need it function(){...}.
It would be a good idea to read more about how jQuery and Javascript event handlers work.
Update
Your current version of the script will not work either because you're still passing jQuery event object to the verify_error instead of x. The problem is that you do not pass x when declaring an event handler, you're declaring a new variable, which is currently called value. Delete the variable value from $('#sumbit_button'+x).bind('keyup paste', function(value){...} and simply pass 'x' to the verify_error as in the first version of your script.

Answer 2

You've overwritten the x by your function(x)
Try renaming x in function(x) to something else like function(y) or whatever that make sense.
for (var x; x<=8; x++){
$('#sumbit_button'+x).bind('keyup paste', function(){
var val = $(this).val();
$.post('index.php', {val : val }, function(data){
$('#sumbit_this_'+x).html(data);
verify_error(x);
});
});
}