2016-07-28 106 views
-3
$('#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,然后如果再次按下按钮,则新的append select将具有id name3,等等。任何这样做?如何在使用jquery追加元素时增加一个id?

+9

创建一个计数器变量,并将其插值到HTML。 – gcampbell

+0

我试过创建一个计数器,但我不会增加。例如 – jay

+0

你没有关闭div标签,而你的班级没有报价包装..:\ –

回答

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++; 
}); 
+0

我不确定为什么这是downvoted,但它确实做到OP所要求的。 (更何况我修复不正确的HTML结构) – mituw16

+0

我不知道为什么有人降级它。但是,谢谢你,这工作。我会尽快选择它作为答案 – jay

+0

你知道如何在jQuery中,你可以通过它的ID和数量调用一些东西吗?例如,$('name')。append,我想附加name + count。我如何打电话? – jay

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++; 
});