Javascript：如何基于列表链接两个文本框

Question

情况：我有两个文本框textA和textB，我有一个包含两列DataList和{{}的共享点自定义列表Name 1}}。我使用自动完成功能（基于SP服务自动完成功能）将ID与textA和Name链接到textB，因此如果用户开始输入内容，则会显示基于列的选项在下拉菜单中，用户可以选择它。 （文本字段不是DataList的输入字段，它们只是基于它）。

我想要的是什么：我想在ID和textA之间创建一个链接，以便用户选择textB或{{1}的任何值另一个字段是来自textA的同一行的元素自动填充。

问题：列textB是唯一的，但DataList不是。因此，如果用户使用ID填充ID，情况很简单，只需要从同一行中找到值并插入Name即可。但是，如果用户填写textB，则可以有多个ID来填充textA，因此我想从textA创建一个下拉菜单，并让用户选择所需的ID（幸运的是，用户只需查看数字即可了解大部分ID。

我不确定是否可以创建这样的下拉菜单，如果是，怎么做？

更新

使用：jquery.SPServices-2014.02.min.js 以下是TextB中ID的自动完成代码：

textB

使用：sharepointplus-4.0.min.js 如果在textB中选择了uniqu ID，那么我的当前代码是自动填充 $(document).ready(function () { $().SPServices.SPAutocomplete({ sourceList: "{D445CA52-8F13-4EBB-A0AE-ABC96AD21C5F}", sourceColumn: "ID", columnName: "TextB", ignoreCase: true, numChars: 2 }); }); ：

textA

所以这项工作非常好，但我只能这样做，因为ID是唯一的。如果选择textA的列表值，我想做同样的事情。但是textA并不是唯一的，所以在填写ID之前我需要打开另一个带有匹配的ID的下拉列表，如果用户选择了正确的ID，请将其填入textB（用户只需查看ID即可知道）。