2016-07-28 16 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を与えたい。たとえば、最初にボタンを押すと、その選択肢はid2という名前になり、もう一度ボタンを押すと、新しい追加選択肢にはid3という名前が付けられます。これを行う方法は?jqueryを使って要素を追加するときにidをインクリメントする方法は?

+9

カウンタ変数を作成し、HTMLにそれを補間します。 – gcampbell

+0

私はカウンタを作成しようとしましたが、私は増分しません。あなたはdivタグを閉じず、あなたのクラスは引用ラッパーを持っていません。 – jay

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

なぜこれが落とされたのか分かりませんが、実際に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++; 
}); 
関連する問題