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的代码：

<datalist id='countries'>

并且应该创建文本输入元素，如下所示：

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

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

Answer 1

您只需像其他变量一样分配它：

parent

此外，您永远不会使用input.list='countries';，而您的cellid是不必要的;）

希望这有帮助！

Answer 2

使用setAttribute设置元素的属性。

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

此外，list不是元素的默认属性，而是自定义属性。

您可以使用data-*（这是自定义属性）

<input data-list='countries'

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

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

2 个答案: