如何使btn-grp-vertical在单选输入中包含一个下拉选项

Question

我正在尝试向用户提供多个选择按钮块：五个选择，以及一个“其他”下拉菜单，其中包含30多个其他选项的列表。我想返回相同表单元素的选择值。当前，按钮可以正确显示，但是从下拉菜单中进行选择并不与从前五个选项中进行选择相互排斥。

<input type="radio" id="Image1_${Cat1}" name="Image1_Category" value="${Cat1}">
                        ${Cat1}
                </label>
                 <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat2}" name="Image1_Category" value="${Cat2}">
                        ${Cat2}
                </label>
                 <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat3}" name="Image1_Category" value="${Cat3}">
                        ${Cat3}
                </label>
                 <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat4}" name="Image1_Category" value="${Cat4}">
                        ${Cat4}
                </label>
                <label class="btn btn-secondary">
                        <input type="radio" id="Image1_${Cat5}" name="Image1_Category" value="${Cat5}">
                        ${Cat5}
                </label>
                    <select class="btn btn-secondary form-control"><label>Other</label>
                        <option>Other</option>
                        <option>Option1</option>
                        <option>Option2</option>
                    </select>

                </div>
            </div>