如何向新創建的HTML元素添加列表ID？

Question

如何在分配相同的列表ID時動態地向表中添加文本輸入？ 我的代碼目前是：

function addspeakers(){
    for(j=0; j<10;j++){
    var cellid='inp'+cellnum;
    input=document.getElementById('sprow').appendChild(document.createElement('input'));
    input.placeholder='Country '+cellnum;
    input.id='inp'+cellnum;
    // add to list input.addtolist(countries);
    cellnum++;
    }
return
}

它所做的只是將10個文本輸入添加到列表中，但是這些列表具有下拉菜單...這是數據列表的代碼：

<datalist id='countries'>

應該創建文本輸入元素，如下所示：

<table id='splist'>
  <tr>
    <td id='sprow'>
      <input list='countries' placeholder='Country 1' id='inp1'>
    </td>
  </tr>
</table>

我需要將它添加到列表ID中？

Answer 1

您只需像其他變量一樣分配它：

input.list='countries';

此外，你永遠不會使用cellid ，你的return是不必要的;）

希望這可以幫助！

Answer 2

使用setAttribute設置元素的屬性。

input.setAttribute('list', 'countries');

此外，由於list不是元素的默認屬性，而是自定義屬性。

你可以使用data-* （這是自定義屬性）

<input data-list='countries'

input.setAttribute('data-list', 'countries');