Javascript 在新创建的输入中自动完成

您好，请尝试为新生成的输入itemname创建自动完成。。。 我的autocomplete在使用静态输入时运行良好 但当我添加新的itemname输入文本时，我希望当前的输入具有自动完成功能

此代码用于创建itemname输入

<script type="text/javascript">
         function addField (argument) {
                var myTable = document.getElementById("crud_table");
                var currentIndex = myTable.rows.length;
                var currentRow = myTable.insertRow(-1);
          var count = 1;
         
          count = count + 1;
          var html_code = "<td id='row"+count+"'>";
                var itemname = document.createElement("input");
                itemname.setAttribute("name", "itemname" + currentIndex);
                itemname.setAttribute("placeholder", "البند");
                itemname.setAttribute("class","itemname form-control");
                itemname.setAttribute("onchange","getitem(this)");
                var currentCell = currentRow.insertCell(-1);
                currentCell.appendChild(itemname);
               }
      </script>

函数addField（参数）{
var myTable=document.getElementById（“crud_表”）；
var currentIndex=myTable.rows.length；
var currentRow=myTable.insertRow（-1）；
var计数=1；
计数=计数+1；
var html_code=“”；
var itemname=document.createElement（“输入”）；
setAttribute（“名称”、“项目名称”+currentIndex）；
itemname.setAttribute（“占位符”、“占位符”）；
setAttribute（“类”，“itemname表单控件”）；
setAttribute（“onchange”，“getitem（this）”）；
var currentCell=currentRow.insertCell（-1）；
currentCell.appendChild（itemname）；
}

这是添加按钮

<button type="button" name="add" onclick="addField();" class="btn btn-success btn-xs">+</button>

+

这个函数用于自动编译

<script type='text/javascript'>
      $( "#itemname1" ).autocomplete({
        source: function( request, response ) {
          // Fetch data
          $.ajax({
            url: "<?=base_url()?>index.php/stores_operations/itemlist",
            type: 'post',
            dataType: "json",
            data: {
              search: request.term
            },
            success: function( data ) {
              response( data );
            }
          });
        },
        select: function (event, ui) {
          // Set selection
           
          $('#itemname1').val(ui.item.label); // display the selected text
          $('#q1').val(ui.item.value); // save selected id to input
          return false;
        }
      });

    };
    </script> 

$（“#项目名称1”）。自动完成({
来源：功能（请求、响应）{
//获取数据
$.ajax({
url:“index.php/stores\u operations/itemlist”，
键入：“post”，
数据类型：“json”，
数据：{
搜索：request.term
},
成功：功能（数据）{
答复（数据）；
}
});
},
选择：功能（事件、用户界面）{
//集合选择
$（'#itemname1'）.val（ui.item.label）；//显示所选文本
$（'#q1'）.val（ui.item.value）；//将所选id保存到输入
返回false；
}
});
};

---

我怎么在自动完成功能中找不到新的itemname[]？

您好，经过多次搜索并尝试修复，我找到了解决方案

在创建新输入时

 var itemname = document.createElement("input");
                itemname.setAttribute("name", "itemname" + currentIndex);
                itemname.setAttribute("placeholder", "البند");
                itemname.setAttribute("class","itemname form-control");
  i add this ----> itemname.setAttribute("onFocus","getitem(this)");
                itemname.setAttribute("id","itemname" + currentIndex);


 <script type='text/javascript'>
i add this ---->   function getitem(x){
     
    var item = document.getElementById('itemname');
     // Initialize 
    $(x).autocomplete({
        source: function( request, response ) {
          // Fetch data
          $.ajax({
            url: "<?=base_url()?>index.php/stores_operations/itemlist",
            type: 'post',
            dataType: "json",
            data: {
              search: request.term
            },
            success: function( data ) {
              response( data );
            }
          });
        },
        select: function (event, ui) {
          // Set selection
           
          $(x).val(ui.item.label); // display the selected text
          //$('#q1').val(ui.item.value); // save selected id to input
          return false;
        }
      });

     }  
    </script>

var itemname=document.createElement（“输入”）；
setAttribute（“名称”、“项目名称”+currentIndex）；
itemname.setAttribute（“占位符”、“占位符”）；
setAttribute（“类”，“itemname表单控件”）；
我添加了这个-->itemname.setAttribute（“onFocus”、“getitem（this）”）；
setAttribute（“id”、“itemname”+currentIndex）；
我添加了这个-->函数getitem（x）{
var item=document.getElementById（'itemname'）；
//初始化
$（x）.自动完成({
来源：功能（请求、响应）{
//获取数据
$.ajax({
url:“index.php/stores\u operations/itemlist”，
键入：“post”，
数据类型：“json”，
数据：{
搜索：request.term
},
成功：功能（数据）{
答复（数据）；
}
});
},
选择：功能（事件、用户界面）{
//集合选择
$（x）.val（ui.item.label）；//显示所选文本
//$（'#q1'）.val（ui.item.value）；//将所选id保存到输入
返回false；
}
});
}  

有什么帮助吗？？？