Запишите все идентификаторы и все выбранные значения для ввода

Question

У меня проблема.Я создаю проект.У меня есть selectbox больше чем один.Выбор коробки может быть неограниченным.Имя блока выбора генерируется из type_ {option_type_id}.

Если значение выбранного типа type_1 изменилось, значение параметров будет сгенерировано из идентификатора type_1 и выбранного значения type_1.И будет цикл для type_2 и type_3 и типа _....

• Как: 1-1-2-21-3-56
• Изменено type_1: 1-3-2-21-3-56
• Измененный тип_2: 1-3-2-34-3-56
• Измененный тип_3: 1-3-2-34-3-76

HTML-код:

<select onchange="showOptions(this)" name="type_1" id="id_1">
                    <option selected value="1">Option 1</option>
                    <option value="2">Option 2</option>
                    <option value="3">Option 3</option>
                </select>

                <select onchange="showOptions(this)" name="type_2" id="id_2">
                    <option value="11">Option 11</option>
                    <option selected value="21">Option 21</option>
                    <option value="34">Option 34</option>
                </select>

                <select onchange="showOptions(this)" name="type_3" id="id_3">
                    <option selected value="56">Option 56</option>
                    <option value="23">Option 23</option>
                    <option value="76">Option 76</option>
                </select>

                <input id="options" type="text" value="1-1-2-21-3-56">

JS-код:

function showOptions(s) {
var optionID = s[s.selectedIndex].value; // get value
document.getElementById("options").value = optionID ;}

Как я могу это сделать?