新しく作成された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'> 

およびテキスト入力要素は、このように見て作成する必要があります：私は、リストIDに追加し

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

何が必要ですか？

Answer 1

setAttributeを使用して、要素のプロパティを設定します。 list以来、また

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

要素のないデフォルト属性が、カスタム属性です。

あなたは、セルIDについて私が知っているさせるためのための

<input data-list='countries' 

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

Answer 2

あなたは単にあなたの他の変数のようにそれを割り当てる必要があります：

input.list='countries'; 

また、あなたがcellidを使用しない、とあなたのreturnは不要です。）

・ホープ、このことができます！