onchange 找到这个父级

Question

我有几个具有以下结构的选择框（至少 5 个）

<li>
   <div>
      <select name="sb[]">...</select>
   </div>
</li>

当 sb 更改时，我想要进行 ajax 调用，传递所选值并用从 ajax 接收的 html 替换父 li 的内容。

我尝试了以下方法

onchange="
    $.get('file.php', { action: 'dothis'}, function(html) { 
      $(this).parent('li').html(html);
    });
"

，但不起作用

任何帮助

Answer 1

$('select[name="sb[]"]').change(function(){
   var $this = $(this);
   $.get('file.php', { action: 'dothis'}, function(html) { 
      $this.closest('li').html(html);
    });
})

Answer 2

如果您真的非常愿意，您仍然可以在 onchange 属性中执行此操作。问题是（正如所指出的）双重的：首先，ajax回调中的this与change事件处理程序中的this不再相同，其次你应该使用closest()或parents()：

onchange="
    var select = $(this);
    $.get('file.php', { action: 'dothis'}, function(html) { 
      select.closest('li').html(html);
    });
"

或

onchange="
    $.get('file.php', { action: 'dothis'}, $.proxy(function(html) { 
      $(this).closest('li').html(html);
    }, this));
"