Успех jQuery: функция {} проблема

Question

У меня есть несколько элементов «select» на странице. Когда я выбираю некоторые из опций, ajax-запрос отправляется на сервер, и элемент рядом с этим 'select' должен обновляться значением ответа. Я ожидал, что будет работать следующий код:

$(".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.
        }
    });
});

Если я заменю

$(this).next().html(html);

с

alert(html);

Я вижу, что запрос ajax был успешным. Более того, работает только в том случае, если на странице есть только один «выбор», в противном случае появляется пустое всплывающее окно.

Answer 1

Я считаю, что «это» не то, что вы думаете, когда оно упоминается в вашем обратном вызове. Попробуйте это:

$(".vars").live("change", function() { //selected something in <select> list 
    var $driver = $(this);
    $.ajax({ 
        type: "POST", 
        url "someurl.php", 
        data: {somedata}, 
        success: function(html) { 
            $driver.next().html(html); //this does not update .next() element. 
        } 
    }); 
}); 

Answer 2

$(".vars").live("change", function() { //selected something in <select> list
    var $this = $(this);
    $.ajax({
        type: "POST",
        url "someurl.php",
        data: {somedata},
        success: function(html) {
            $this.next().html(html); //this does not update .next() element.
        }
    });
});