选择恢复默认值的方法答案

【问题标题】：select method to restore to default value选择恢复默认值的方法
【发布时间】：2021-03-30 05:01:48
【问题描述】：

我正在尝试做一些看起来很容易但我找不到任何灵魂的事情，

我有<select>标签和5个<option>我想做的就是当我点击一个按钮（里面有功能）select标签将是默认的（第一个）例如：

            <select className={'smallSelect'} onChange={appliances}>

                 <option defaultValue =''>Add</option>   {/* The default  */}
                 <option  value='<Fan/>'>Air-Conditioner</option>
                 <option value='<HotTub/>'>boilermaker</option>
                 <option value='<Bulb/>'>lamp</option>
                 <option value='<Radio/>'>stereo system</option>

            </select><br/>   {/* After clicking the button the option will be the default */}
            <button className={'myButton'} onClick={newAppliances}>Add</button>

【问题讨论】：

使用选中的属性而不是默认值

标签： javascript html reactjs

【解决方案1】：

我假设按钮onClick 事件调用函数newAppliances？

您需要将选择值设置为''。所以在newAppliances 函数的末尾添加类似这样的内容。

document.getElementById('.smallSelect').value = '';

看到这个： How do I programmatically set the value of a select box element using JavaScript?

对于反应

上面的解决方案是针对普通javascript的，如果你想做react方式，请阅读： React JSX: selecting "selected" on selected <select> option

【讨论】：