JavaScript: объединение двух выпадающих меню

Question

У меня есть два выпадающих меню, которые я хочу объединить в одно, поэтому вывод будет выглядеть следующим образом:

Это означает, что пользователь может выбрать From: числа илиБуквы, а затем To подключается к первому выбору в каждом меню.

Я пробовал разные способы слияния без удачи.Здесь задействованы два разных сценария JavaScripts, поэтому я не уверен, как начать объединение.

1 - воспроизведение (от / до): https://jsfiddle.net/d5g8w4cn/2/

2 - подключенные меню: http://jsfiddle.net/2pza5/

Answer 1

Для этого вам, вероятно, потребуется программно настроить параметры раскрывающегося списка в JS.Таким образом, вместо жесткого кодирования каждого элемента <option />, создайте некоторые данные в JS и отобразите ваши параметры на основе этих данных.Это позволит вам манипулировать параметрами и отображать их по своему усмотрению - или, по крайней мере, сделать это проще, чем пытаться сделать это с начальной точки HTML.