javascript - 使用jquery更改下一个td的内容

Question

我有一个表，在该表的每一行中都有一个 td 标记中的组合框，我希望当组合框更改时，下一个 td 的内容会更改

我写了这段代码，但它不起作用:

    $(document).ready(function () {
    $('#table tr td').find('.combobox').change(function () {
        var myvar=$(this).val();
        $.post("./data.php", {
                    p_array : myvar,
                    }, function(data) {
                        $(this).parent().next('td').html(data);
                });
    });
});

表结构:

<table>
   <tr>
      <td>
         <select class="combobox">
            <option>
                  select something
            </option>
         </select>
      <td>
      <td>must be changed</td>
  <tr>
</table>

问题是什么？

Answer 1

post 中的 this 与 post 之前的 this 不同...最简单的解决方案是:

$(document).ready(function () {
    $('#table tr td').find('.combobox').change(function () {
        var myvar=$(this).val();
        var xthis = this;
        $.post("./data.php", {
                    p_array : myvar,
                    }, function(data) {
                        $(xthis).parent().next('td').html(data);
                });
    });
});