Javascript 如何将特定数量的项从一个复制到另一个？

所以我每行有三个下拉列表，包含从1到20的数字。第一个选择定义行中其他两个选择的项目数。i、 e.从数字1-20…如果用户在第一次选择中选择4，则其他两次选择应仅包含4项。请参阅附加屏幕

问题: 实现这一目标的最佳方式是什么。。。？由于这将在很多地方进行复制，并且变化很小，所以通用解决方案是我的最终目标…在这里，我将使用onchange属性传递主选择id，其余的同级将得到更新

VanillaJS/jQuery…没什么大不了的

谢谢

小提琴：

函数updateDependentelem{ console.logid:+elem.id； console.logvalue:+elem.value； log'sides length:'+$this.sides.length； var mySelect=$'protect'； $.eachmyOptions、functionval、text{ mySelect.append $.valval.htmltext ; }; } 1. 2. 3. 4. 5. 6. 7. 8.

---

您可以根据第一次选择中的选定值克隆选项

$'clean'。关于'change'，函数e{ $'protect'.empty.append$this.clone.find'option:lt'+this.value+.val'1'； $'deodorize'.empty.append$'protect'.clone.find'option'.val'1'； } 1. 2. 3. 4. 5. 6. 7. 8.

---

什么是myOptions？在您的代码中，我正试图从父选择复制选项。@Berkay def。不这将清空父列表！棒极了！！非常感谢