2016-07-28 3 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>"); 
}); 

Я создал кнопку, которая добавляет параметр drop down, когда вы нажимаете кнопку. Я хочу дать каждому добавленному выбрать другой идентификатор. Например, когда кнопка нажата в первый раз, этот выбор будет иметь идентификатор name2, а затем, если кнопка снова будет нажата, новый вариант добавления будет иметь имя id3 и т. Д. Любой способ сделать это?Как увеличить идентификатор при добавлении элементов с помощью jquery?

+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

Я не уверен, почему это было приостановлено, но он действительно делает именно то, что запросил ОП. (не говоря уже о том, что я исправляю неправильную структуру HTML) – mituw16

+0

Я не знаю, почему кто-то понизил ее. Но спасибо, это сработало. Я выберу его как ответ как можно скорее – jay

+0

Знаете ли вы, как в jquery вы можете назвать что-то по его идентификатору и счету? Например, $ ('name'). Append, я хочу добавить имя + счет. Как мне это назвать? – 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++; 
}); 
Смежные вопросы