JavaScript：合并两个下拉菜单

Question

我有两个下拉菜单，我想将其合并为一个，所以输出看起来像：

这意味着用户可以选择From：数字或字母，然后将To连接到每个菜单中的第一选择。

我尝试了不同的合并方式，但是没有运气。其中涉及两种不同的JavaScript，所以我不确定如何开始合并。

1-播放（从/到）：https://jsfiddle.net/d5g8w4cn/2/

2-已连接的菜单：http://jsfiddle.net/2pza5/

Answer 1

为此，您可能需要以编程方式在JS中设置下拉选项。因此，与其对每个<option />元素进行硬编码，不如在JS中创建一些数据并根据这些数据呈现您的选项。这样一来，您就可以根据自己的喜好来操纵这些选项并进行渲染-或至少比从HTML起点尝试进行操作更容易。