javascript - 使用 innerHTML 添加行且自动完成未完成

Question

我试图插入带有 id 作为标签的输入框。插入后，我需要自动完成功能。尝试了很多方法，但带有标签的输入无法自动完成。

function addRow(row) {

    var table = document.getElementById('dataTable');
    var rowCount = table.rows.length;
    var newRow= table.insertRow((1));
    var row = newRow.insertCell(1)"

    row.innerHTML+="<INPUT id =tags>"; 

 }

$(function() {
    var availableTags = [
    "abc",
    "bcd",
    "EGF"
        ];

$( "#tags" ).autocomplete({
            source: availableTags
                });
    });

我应该在哪里放置我的自动完成功能以启用新功能？

Answer 1

row.innerHTML+="<INPUT id =tags>";这一行

应该

row.innerHTML+='<INPUT id="tags" />';

并确保在 addRow 之后调用 $("#tags").autocomplete()

Answer 2

试试这个

function addRow(row) {
  var table = document.getElementById('dataTable');
  var rowCount = table.rows.length;
  var newRow= table.insertRow((1));
  var row = newRow.insertCell(1)"

  row.innerHTML+='<INPUT id="tags">'; 

   $( "#tags" ).autocomplete({
        source: availableTags
     });

}