Javascript 如何选择我的活动元素所在的td

我有一张有选择选项的桌子。select更改后，td的innerHTML应更改为选定值，以便select消失

<table>
  <tr>
    <td>
      <select onchange="update(param1, param2)">
        <option value="Value 1">Value 1</option>
        <option value="Value 1">Value 2</option>
      </select>
    </td>
  </tr>
</table>

这就是我得到的。它从我的数据库中获取一些数据，将其转换为结果，我必须在我的td中获得结果，而不是选择。

$（document）.on（'change'，'#foo'，function（）{
$（this.parent（'td'）.html（$（this.val（））；
$（this.remove（）；
});

--挑选--
值1
价值2

值1
价值2
价值3
$（文档）.ready（函数（）{
$（“#wdm_选择”）。打开（“更改”，函数（）{
var selected_val=$（this.val（）；
$（this）.parent（）.html（选定值）；
})
})

demo
JQuery函数是否完成了它（一旦您为
select
元素指定了
mySelect
的id）：

不要告诉我们你试过什么-给我们看看！显示代码非常复杂。我唯一的问题是如何选择我的选择选项所在的td，我认为它必须与此或家长有关。。因为在我的桌子上有更多这样的td。
<table>
  <tr>
    <td>
      Value 2
    </td>
  </tr>
</table>

function update(id, row) {
    var val = document.activeElement.value;
    var id  = id;
    var row = row;

    if (val != '') {
        $.post('../inc/helikopter_beheer.php', {val: val, id: id, row: row}, function(data) {});
        $.post('../inc/gereedstelling_get_info.php', {id: id, rij: row}, function(data) {

            var result = data.split(",");
            // this.parents('id').innerHTML = result;
            $(this).closest("td").html(result[0]);
            alert(result[0]);

        });         
    };
}

    <table>
      <tr>
        <td>
          <select id="wdm_select">
            <option value="Value 1">Value 1</option>
            <option value="Value 2">Value 2</option>
            <option value="Value 3">Value 3</option>
          </select>
        </td>
      </tr>
    </table>

<script>
$(document).ready(function() {
    $("#wdm_select").on("change",function() {
        var selected_val = $(this).val();
        $(this).parent().html( selected_val );
    })
})
</script>

$('#mySelect').on('change', function () {
    var val = $(this).val();
    $(this).parent().html(val);
});