动态生成输入文本框的id

Question

我使用json数据创建了文本框。

现在，我想为这些动态生成的文本框生成id，以便我可以获取文本框的值。

我需要能够为使用json对象创建的文本框生成id的代码。

Answer 1

当你循环遍历你想要创建的对象时，使用索引来创建一个id（或者更好的是，附加像id: 'foo-' + index这样的索引。

这是一个例子。 JSFiddle可能会给你一些启发。

$(function () {
  var json = '[{"foo":"bar","quux":1},{"foo":"bar","quux":2},{"foo":"bar","quux":3}, {"foo":"bar","quux":4}]',
    container = $('#container');

  $.each(JSON.parse(json), function (index, obj) {
    container.append($('<input/>', {
      id: index,
      value: 'my id is' + index
    }));
  });

}）;

请澄清这是否不能回答您的问题。