使用jquery追加元素时如何增加id?

时间:2016-07-28 17:33:32

标签: javascript jquery html

$('#More').click(function(){
  $("div2").append("<div class=fieldBlock><label >Parameter Name: </label><select  type=text id=name2  name=name2 ><option></option></select> </br>");
});

我创建了一个按钮,在单击按钮时附加参数下拉选择。我想给每个附加的选择一个不同的id。例如,当第一次按下该按钮时,该选择将具有id name2,然后如果再次按下该按钮,则新附加选择将具有id name3,依此类推。这样做的任何方式?

2 个答案:

答案 0 :(得分:1)

这对你来说很有用。

Fiddle of it working.

var count = 0;
$('#More').click(function(){
   $(".div2").append("<div class='fieldBlock'><label >Parameter Name: </label><select id='name" + count + "'  name='name" + count + "' ><option></option></select></div> </br>");
   count++;
});

答案 1 :(得分:0)

var id = 1;

$('#More').click(function(){
    var str = "select" + id; //select1, select2, select3, etc....
    $("div2").append("<div class='fieldBlock'><label>Parameter Name: </label>
    <select  type='text' id='" + str + "' name='" + str + "' ><option>
    </option></select></br></div>");
    id++;
});