写下所有选择框的ID和所有选择的值以输入

Question

我有问题。我正在创建一个项目。我有多个选择框。选择框可能是无限的。选择框的名称由type_ {option_type_id}生成。

如果更改了type_1选择的值，则将根据type_1的ID和type_1的选择值生成选项的值。并将为type_2和type_3以及type _....

循环

• 像：1-1-2-21-3-56
• 已更改type_1：1-3-2-21-3-56
• 更改了type_2：1-3-2-34-3-56
• 更改了type_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 ;}

我该怎么办？