jquery - 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);
    });
})