在datalist或搜索选项中从文本创建img，然后拖放到表格

Question

我希望从mysql查询创建一个datalist。然后，一旦选择了一个值，就创建一个img，它将被拖放到表格或网格中。几年前我发现了下面列出的代码“Someguy”，这似乎是一个好的开始。我希望删除img以显示在表格/网格中选择的文本。

    var tCtx = document.getElementById('textCanvas').getContext('2d'), //Hidden canvas
    imageElem = document.getElementById('image'); //Image element
// Text input element
document.getElementById('textInput').addEventListener('keyup', function (){
    tCtx.canvas.width = tCtx.measureText(this.value).width;
    tCtx.fillText(this.value, 0, 10);
    imageElem.src = tCtx.canvas.toDataURL();
    console.log(imageElem.src);
}, false);