ценность хранилища (ID) для динамически создаваемых диалогов

Question

У меня проблема с хранением значений в динамически создаваемых кнопках, которые могут открыть диалог.

Диалог одинаков для всех кнопок, так что я есть определение так:

$('<div id="dialog-form" title="Change coordinates">' + 
     '<p class="validateTips">Both fields are required.</p>' + 
     '<form>' + 
     '<fieldset>' + 
     '<label for="lon">Longitude (decimal)</label>' + 
     '<input type="text" name="lon" id="lon" value="" class="text ui-widget-content ui-corner-all">' + 
     '<label for="lat">Latitude (decimal)</label>' + 
     '<input type="text" name="lat" id="lat" value="" class="text ui-widget-content ui-corner-all">' + 
     '<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">' + 
     '</fieldset>' + 
    '</form>' + 
    '</div>').appendTo(document.body); 

Затем я порождающая диалоговые кнопки с специальной кнопкой «создать»:

$("#create").button().on("click", function() 
    { 
      var btn1 = document.createElement("BUTTON"); 
      btn1.id = "change_coord"; 
      var t1 = document.createTextNode("Change coordinates"); 
      btn1.appendChild(t1); 
      document.body.appendChild(btn1); 
      generator++; 
    }); 

Тогда у меня есть диалоговое заявление и функции для работы с моими вкладками диалога, и после этого я пытаюсь распечатать входы и мой идентификатор (значение от генератора). Входы классные, но id не работает.
Например, я генерирую 3 кнопки, такие как btn1: 1, btn2: 2, btn3: 3 (кнопка: id), но вывод id для всех кнопок равен 3.
Мое приложение будет создавать динамически объекты, и я хочу изменить эти объекты в этом диалоговом окне. И значение «ID» будет использоваться как «указатель» на мою БД. Поэтому, когда я нажимаю первую созданную кнопку, не имеет значения, сколько кнопок я создал, она все равно должна иметь значение «ID» == 1
FIDDLE для моделирования моей ситуации.
Спасибо вам всем за ваше время и мнение.

Answer 1

Идентификаторы должны быть уникальными, но ваша функция порождает клонированные кнопки с одинаковыми идентификаторами.

btn1.id = "change_coord"; 

Либо сделать что-то, чтобы сделать их уникальными, или использовать классы.

---

Выпуск № 2

Вы используете вар generator, чтобы генерировать идентификаторы (больше не говорить об идентификаторах HTML, как указано выше). Затем вы пытаетесь получить доступ к значению генератора при вызове addUser, ожидая, что вы получите значение generator с момента создания диалога. Это не работает, вы всегда получите текущее значение значение generator. Чтобы исправить это, вам нужно увеличивать генератор внутри функции addUser, а не при создании этих кнопок со щелчком. См. Здесь: https://jsfiddle.net/7rr85xuw/2/