2016-07-28 108 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++; 
});