Javascript 连接两个动态创建的select元素

我有点被困在这，所以任何帮助将不胜感激

在我的web应用程序的“Lask设置”视图中，我需要制作一个部件，其中必须连接两个可动态添加和删除的选定元素

我需要的基本上是连接每行中的select元素，最好是键：value第一列，第二列

以下是我创建和填充选择的jquery和html部分：

$document.readyfunction{ $'.mul\u field\u wrapper'.eachfunction{ var$wrapper=$'.mul_fields'，此； $.add\u select，$this.clickfunction{ var obj=$'.mul_字段：第一个子项'，$wrapper.clonetrue.appendTo$wrapper.find'input'.val.end.find'option'.focus； }; $'.mul_字段。删除_字段'，$wrapper.clickfunction{ 如果$'.mul_字段'，$wrapper.length>1 $this.parent'.mul_field'.remove； }; }; }; 函数changenamelem{ elem.setAttribute'name'，elem.value； } {%模型中的x为%} {{x[0]}{%endfor%} {价格%中y的百分比} {{y[1]}{%endfor%} 去除 添加字段

---

我认为这是一件相当容易的事情。 在一行中创建两个select元素时，该行可以位于一个div标记内

<div id='row'+fieldSet1>
    <coldiv>
        <select id='key'+fieldSet1>
        </select>
    </coldiv>
    <coldiv>
         <select id='value'+fieldSet1>
         </select>
    </coldiv>
</div>

现在使用jQuery，您可以选择特定的div行，因为您对key和row使用了动态“fieldSet”，然后将值作为key-value对获取，并对其执行任何操作。我希望你能明白

---

目前正在通过电话发帖，因此无法测试和发布完整的工作代码。

请详细说明？