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

情况：我有两个文本框

textA

和

textB

，我有一个sharepoint自定义列表

DataList

，有两列

名称和
ID
。我使用自动完成功能（基于SPservice autocomplete）将
textA
链接到
Name
并将
textB
链接到
ID
，因此如果用户开始键入内容，则基于列的选项将显示在下拉菜单中，用户可以选择它。（文本字段不是数据列表的输入字段，它们只是基于数据列表）

我想要的：我想在
textA
和
textB
之间创建一个链接，因此如果用户选择
textA
或
textB
的任何值，另一个字段将由
DataList
中同一行的元素自动填充

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

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

更新：

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

 $(document).ready(function () {
        $().SPServices.SPAutocomplete({
            sourceList: "{D445CA52-8F13-4EBB-A0AE-ABC96AD21C5F}",
            sourceColumn: "ID",
            columnName: "TextB",
            ignoreCase: true,
            numChars: 2
   });
});


使用：sharepointplus-4.0.min.js
如果在
textB
中选择了uniqu ID，那么这是我当前要自动填充
textA
的代码：

$(document).ready(function () {
        $SP().list("TargetedList","http://.../sites/Registry/").get(
        {
            fields: "Name",            
            where: 'ID = '+ Number(document.getElementById("TextB").value)
        },
        function getData(data) {alert(data.length);
            for (var i = 0; i < data.length; i++) {
                console.log(data[i].getAttribute("Name"));
                $("input[id='TextA']").val(data[i].getAttribute("Name"));
            }
      });
    });

$（文档）.ready（函数（）{
$SP（）.list（“TargetedList”http://.../sites/Registry/好的，去吧(
{
字段：“名称”，
其中：“ID=”+Number（document.getElementById（“TextB”）.value）
},
函数getData（data）{alert（data.length）；
对于（变量i=0；i


所以这很好，但我只能这样做，因为ID是唯一的。如果选择了textA的列表值，我也会这样做。但是textA不是唯一的，所以在填写ID之前，我需要打开另一个包含所有ID的下拉列表，如果用户选择了正确的ID，请将其填写到textB（用户只需查看ID即可知道）。
我能给您的最好建议是向我们展示您的代码！我能给你的最好建议就是给我们看你的代码！