Javascript 如何在.append输入字段上显示数据库中的数据

我有一个按钮，可以创建一个新的输入字段和一个默认字段

<div class="container1">
   <button class="add_form_field">Add Title</button>
   <div class="form-group label-floating">
      <input type="text" id="title_name">
   </div>
</div>

当我使用

console.log（result）

查看返回的数据时，发生的情况是ajax请求只返回一个数据

我刚才的问题没有包括其他数据，因为这些数据只返回一个数据。。我只对标题和名字有问题

此代码仅适用于默认输入字段。。与此类似，我的数据库中的数据只显示在默认输入字段中，而不显示在附加的输入字段中

说我的用户id是10001，我的数据库是 待定标题

id    |   name
10001 | sample
10001 | test

我想要实现的是，当我从ajax发出请求并返回请求的值时，它将显示在我的输入字段中。由于我的id类似于tbl_标题（id），它应该在输入字段中显示这两个数据。但不幸的是，只有第一个数据只显示在默认输入字段上，我想做的是，如果数据大于1，它也将显示在附加的输入字段上。。但是我不知道这是怎么回事

---

b4我只得到一个返回的数据，所以我更新了mysql以返回所有具有相似id的数据，所以现在我得到了

array1

和

array2

array1在图片上，array2与图片相似，但唯一的区别是它们的标题和名称。。那么，我应该怎么做才能在我的输入字段的数组上显示我的两个标题名称呢。因此，jQuery是这一行的第一个要点：

$('#title_name').val(result.title_name);

这就是为什么只有第一个输入有效

尝试将其更改为以下内容：

$(wrapper).append('<div><input type="text" id="input_' + x + '"/> ...

---

可能不完全正确，但方向正确；）id是问题所在。

2个元素不能具有相同的id。id应始终是唯一的。浏览器假定只有一个元素具有找到的ID，并在第一个元素中设置数据。另外，我们不知道的是，当AJAX请求同时包含两个数据时，它的响应结构是什么？我检查它，只返回一个数据。尽管我有两个具有相同id的

title\u name

，并且我的mysql查询显示两个数据。请确保将SQL查询结果序列化为JSON格式，并在ajax请求后将其回显到请求页面。返回的数据是

JSON\u encode

，但我不知道为什么只返回了一个数据。它返回可能除了jQuery选择器之外，其他所有选择器都只选择第一个（因为id）…是的，根据您的信息，我无法提供完整的工作代码段。我不知道您的ajax在哪种环境下以及它返回什么。问题是您将所有输入作为目标，而jquery提供了第一个输入（因为id）。。。可能您必须使用一个类，并在ajax成功时使用类似jQuery（'.class'）。在我尝试更改“$”（'.title\u name'+x）.val（result.title\u name）；”时，每个类或通过返回进行迭代根据您的建议，我的ajax似乎只针对默认的输入字段，而不是附加的输入字段。。因为在替换之后，我重新加载了页面，数据没有显示在默认的输入字段中。是的，很抱歉，这可能是错误的方法，因为ajax中没有循环。完全删除id。。。您希望选择多个输入，因此这不会有帮助（很可能）。您能更新您的问题以便我们看到ajax返回的结果吗？好的，这里有两个问题。。。您应该以某种方式对结果进行迭代。但是getprofile.php似乎不会返回多个条目。。。你必须先解决这个问题，然后你的javascript部分才能做正确的事情，然后让他知道问题出在哪里

$('#title_name').val(result.title_name);

$(wrapper).append('<div><input type="text" id="input_' + x + '"/> ...

$('#input' + x ).val(result.title_name);