镜像多个选择字段jquery/javascript

我不熟悉JavaScript和HTML，我希望实现以下结构：

[Drop down 1]
               [Option 1]
               [Option 2]
[Drop down 2]
               [Option 1]
               [Option 2]
..and so on

然后，我想让TD的以下选项反映出来：

<td>&nbsp;</td><td class="sel1">Selected option from drop-down 1</td>
<td>&nbsp;</td><td class="sel2">Selected option from drop-down 2</td>
..and so on

我需要将“选择1”中的选择输出到下表中“选择1的结果”右侧的列中，依此类推。但我不知道javascript或jQuery，所以我无法实现这一点：


选择1:

[选择]
Sel1：选项1
选择一：方案二


选择1:

[选择]
Sel2：选项1
Sel2：选项2


选择1:

[选择]
Sel3：选项1
Sel3：选项2


选择1:

[选择]
Sel4：选项1
Sel4：选项2


选择1:

[选择]
Sel5：选项1
Sel5：备选方案2


选择1:

[选择]
Sel6：选项1
Sel6：选项2


选择1:

[选择]
Sel7：备选方案1
Sel7：备选方案2


选择1:

[选择]
Sel8：选项1
Sel8：备选方案2


选择1:

[选择]
Sel9：选项1
Sel9：选项2


选择1:

[选择]
Sel10：选项1
Sel10：选项2


选择1:

[选择]
Sel11：选项1
Sel11：选择2


选择1:

[选择]
Sel12：选项1
Sel12：选择2
选择1的结果：
结果在这里
选择2的结果：
结果在这里
选择3的结果：
结果在这里
选择4的结果：
结果在这里
选择5的结果：
结果在这里
选择6的结果：
结果在这里
选择7的结果：
结果在这里
选择8的结果：
结果在这里
选择9的结果：
结果在这里
选择10的结果：
结果在这里
选择11的结果：
结果在这里
选择12的结果：
结果在这里

您在html中混淆了id和类的用法，因此很难在javascript中引用。 使用id表示页面上的唯一元素，使用类表示类似元素。 这样，您就可以附加一个事件处理程序来立即选择元素。 当然，您可以使用id

'sel'+count

将for循环附加到select，但这是低效的

$（函数（）{
$（'.selection'）。在（'change'，function（）上{
var sel_id=$（this.attr（'data-id'）；
var sel_opt=$（this.val（）；
$（'table td#'+sel_id）.text（sel_opt）
})
});
td{
字体系列：calibri；
字体大小：14px；
边框：1px实心rgba（0,0,0,0.2）；
}
选择，主体{
字体系列：calibri；
字体大小：14px；
}

我需要将“选择1”中的选择输出到下表中“选择1的结果”右侧的列中，依此类推。但我不知道javascript或jQuery，所以我无法实现这一点：


选择1:

[选择]
Sel1：选项1
选择一：方案二


选择1:

[选择]
Sel2：选项1
Sel2：选项2


选择1:

[选择]
Sel3：选项1
Sel3：选项2


选择1:

[选择]
Sel4：选项1
Sel4：选项2


选择1:

[选择]
Sel5：选项1
Sel5：备选方案2


选择1:

[选择]
Sel6：选项1
Sel6：选项2


选择1:

[选择]
Sel7：备选方案1
Sel7：备选方案2


选择1:

[选择]
Sel8：选项1
Sel8：备选方案2


选择1:

[选择]
Sel9：选项1
Sel9：选项2


选择1:

[选择]
Sel10：选项1
Sel10：选项2


选择1:

[选择]
Sel11：选项1
Sel11：选择2


选择1:

[选择]
Sel12：选项1
Sel12：选择2
选择1的结果：此处的结果
选择2的结果：此处的结果
选择3的结果：此处的结果