javascript - 动态创建输入元素时设置输入元素的 ID

Question

当用户单击按钮时动态创建输入字段时，如何设置输入字段 ID。我有一个文本字段和一个组合框对，将在单击时创建。因此，每次用户单击并创建一对时，我都需要为它们分配唯一的 ID，以便可以将这些值对保存到数组中以供以后检索。

function createattr() {
    var input = document.createElement("input");
    input.type = "text";
    input.placeholder="Attribute name";
    input.className = "attr-textfield-style";
    inputval.appendChild(input);

    //Display the drop down menu

    var newDiv=document.createElement('div');
    var html = '<select>', attrtypes = typeGenerate(), i;
    for(i = 0; i < attrtypes.length; i++) {
        html += "<option value='"+attrtypes[i]+"'>"+attrtypes[i]+"</option>";
    }
    html += '</select>';
    newDiv.className="attr-combobox-style";
    newDiv.innerHTML= html;
    inputval.appendChild(newDiv);

}

Answer 1

解决了。就是这么简单的一句话。只是想分享一下以供将来引用。

input.id="attr"+attrID;

将 attrID 声明为全局变量，该变量在函数结束之前递增，以便为每个输入字段分配一个唯一的 ID

我刚刚将“attr”字符串添加到 ID，以便与此文本字段一起选择的组合框将具有相同的数字(即一对 -> 文本字段 id- attr3、组合框- type3。下一对将具有-> 文本字段 id-attr4，组合框-type4)