jQuery success:function{} issue
- by ufw
I have several 'select' elements on the page. When I choose some of options, the ajax request is being sent to server and the element adjacent to this 'select' must be updated with response value. I expected the following code to be working:
$(".vars").live("change", function() { //selected something in <select> list
$.ajax({
type: "POST",
url "someurl.php",
data: {somedata},
success: function(html) {
$this.next().html(html); //this does not update .next() element.
}
});
});
If I replace
$(this).next().html(html);
with
alert(html);
I can see the ajax request was successful. Moreover, it works only if there is only one 'select' on the page, otherwise the empty pop-up appears.
