html将单选按钮列表转换为下拉列表答案

【问题标题】：html convert radio button list into dropdownhtml将单选按钮列表转换为下拉列表
【发布时间】：2016-12-15 10:57:52
【问题描述】：

我已将第二个字段集中的单选按钮列表转换为下拉菜单。但是，我想传递来自第一个字段集中的值，该字段本身是一个单选按钮，或者来自第二个字段集中的下拉菜单的选定值。默认情况下，我在第一个字段集中的单选按钮被选中，但是当我从下拉菜单中选择时，它不会取消选中第一个字段集中的单选按钮。我的目标是只传递其中一个值，单选按钮值或下拉列表中的选定值之一。您将在第二个字段集中看到我以前的单选按钮，它们已被注释。但它奏效了！那么如何更改代码以使其按应有的方式工作：即，任一选定的值通过：来自单选按钮或下拉菜单？如果单选按钮则禁用下拉菜单，反之亦然。

<table>
    <td>
    <fieldset id="field1" >
        <legend>Radio</legend>  
            <label ><Input type = 'Radio' Name ='mychoice' class='mychoice' value= 'myradio' checked>Upload</label>

            <div id='uploadFile'>
                    <input type="file" name="file" id="file" />
            </div>


    </fieldset>
    </td>
    <td>
    <fieldset id="field2" > 

    <!--        
                <div><label ><Input type = 'Radio' Name ='mychoice' class='mychoice' value= 'myoption1' onClick=''>1</label></div>
                <div><label ><Input type = 'Radio' Name ='mychoice' class='mychoice' value= 'myoption2' onClick=''>2</label></div>
                <div><label ><Input type = 'Radio' Name ='mychoice' class='mychoice' value= 'myoption3' onClick=''>3</label></div>
                <div><label ><Input type = 'Radio' Name ='mychoice' class='mychoice' value= 'myoption4' onClick=''>4</label></div>
     -->
                <select class="mychoice" class='mychoice'>
                    <option Name ='mychoice' class='mychoice' value="myoption1">1</option>
                    <option Name ='mychoice' class='mychoice' value="myoption2">2</option>
                    <option Name ='mychoice' class='mychoice' value="myoption3">3</option>
                    <option Name ='mychoice' class='mychoice' value="myoption4">4</option>              
                </select>
    </fieldset>
    </td>
</table>

【问题讨论】：

标签： javascript html drop-down-menu

【解决方案1】：

首先，当您要检查是/否值时，不要使用单个单选按钮。请改用复选框。您实际上不需要这些输入中的任何一个，因为您可以简单地处理来自 uploadFile 输入的事件。

其次，您的

的 id 属性必须是唯一的（请参阅this link）。这意味着您不能重用 UserChoice 作为所有

和

【讨论】：

谢谢，您能否也提供一个 javascript 代码的工作示例？我应该如何禁用它并传递选定的值？
在上面编辑了我的答案。这可能是一个适合您的示例。