Question

我的网页包含以下链接：

<a href="" onclick="add()">new user </a>

当用户点击链接时，我会在页面中添加一个新的输入字段。我想为该输入字段分配一个ID。我可以使用Javascript：

来做到这一点

var num=0;
function add(){
   num++;
   var input = document.createElement('input');
   input.setAttribute('ID',"input"+num);
}

这有效;但我的问题是，这是标准的方式，还是有更好的方法来做到这一点，不使用num，JS或jQuery？

Answer 1

您不需要输入元素上的ID。但是，您可能需要name。如果是这样，只需使用name = "input[]" - 然后在服务器端，您将获得一组值。

Answer 2

var num=0;
function add(){
   num++;
   var input = document.createElement('input');
   input.id = "input"+num;
}

没有num的随机ID：

function add(){
   var input = document.createElement('input');
   input.id = 'input'+parseInt(Math.random()*1354243242);
}

Answer 3

因为你正在使用jQuery：

$('<input id="input'+ num +'"/>').appendTo('#yourElement')

Answer 4

只需将id分配给元素：

var num=0;
function add(){
   num++;
   var input = document.createElement('input');
   input.id = "input" + num;
}

既然你用jQuery标记了你的问题，你也可以这样做：

function add(){
    var input = $('<input id="input' + num++ +'" />')
    // do something with the input.
}

或

function add(){ var input = $('<input>', {id = "input" + num++}); // do something with the input. }

<强>更新

你不能在没有javascript的情况下创建DOM元素（jQuery是javascript）。

自动分配ID的最佳做法

4 个答案: