如何在表格标签中使用下拉菜单

Question

我有一个内联可编辑表，该表为要使用下拉列表的团队组列更新Mysql表。

但是表保存的是Dropdown的所有值，而不是我选择的值

下面是我正在使用的代码，并提供了一些屏幕截图供您参考

  <td class="editable-col" contenteditable="True" col-index='5' oldVal ="<?php echo $res['TeamGroup'];?>" nowrap>
               <?php echo $res['TeamGroup'];?>
<select required>
  <option value="">None</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

            </td>

根据建议，我正在添加脚本-

<script type="text/javascript">
$(document).ready(function(){
    $('td.editable-col').on('focusout', function() {
        data = {};
        data['val'] = $(this).text().trim();
        data['id'] = $(this).parent('tr').attr('data-row-id');
        data['index'] = $(this).attr('col-index');

      if($(this).attr('oldVal') === data['val'])
      {
        return false;
      }

        $.ajax({

                    type: "POST",
                    url: "server.php",
                    cache:false,
                    data: data,
                    dataType: "json",
                    success: function(response)
                    {
                        if(response.status) {
                            $("#msg").removeClass('alert-danger');
                            $("#msg").addClass('alert-success').html(response.msg);
                        } else {
                            $("#msg").removeClass('alert-success');
                            $("#msg").addClass('alert-danger').html(response.msg);
                        }
                    }
                });
    });
});

</script>