I have been stuck on this problem for almost 2 days now, consider the
following code:
'.country-select' occurs twice in the form (<select> input),
$('.branch-row').hide();
$('.country-select').change(function(){
console.log($(this));
country_select = $(this);
$.get('get_country_branches.php',
'country=' + $("'#" + country_select.attr('id') + "
option:selected'").val() + '&field=' + $(':input:eq('+($
(":input").index(country_select) + 1) +')').attr('name'),
function(html){
$(':input:eq('+($(":input").index(country_select) + 1)
+')').html(html);
//debug 1
console.log(country_select);
country_select.parent().parent().next().show();
},
'html'
);
}).change();
//debug 2
console.log(country_select);
the output from the debug 1 are both the same object:
[select#pays-dem.country-select]
[select#pays-dem.country-select]
however the output from debug 2 is correct:
[select#pays-enlev.country-select]
[select#pays-dem.country-select]
It seems that the problem lies within the $.get() AJAX function and
the country_select object.. Any idea wtf is going on?
