使用可编辑的表格单元格

Question

我的代码通过单击来编辑表格单元格。但我想添加一个数据列表以使其更容易。它应该像自动填充文本。我可以在此代码中添加数据表吗？我希望在编辑名称时看到数据列表。

<td title="Workername">
<div id ="datalist" onclick="makeElementEditable(this)" 
onblur="updateWorkers(this,'<?php echo $row['taskid'] ?>')"> 
<?php echo $row['name'];  ?></div>


              <datalist id="datalist">
                <option value="test2">
                <option value="test3">
                <option value="test4">
                <option value="test5">
                <option value="test">
              </datalist>
       </td>

使元素可编辑：

function makeElementEditable(div){
    div.style.border = "1px solid lavender";
    div.style.padding = "5px";
    div.style.background = "white";
    div.contentEditable = true;
}

那你的建议是什么？