当前位置: 首页 > 知识库问答 >
问题:

选择要恢复为默认值的方法

越俊驰
2023-03-14

我试着做一些看起来很简单的事情,但我找不到任何润肤露,

我有<代码>

            <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>

共有1个答案

刘凡
2023-03-14

我假设按钮on点击事件调用函数newAppl的

您需要将选择值设置为"。因此,在函数的末尾添加这样的内容。

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

请参见:如何使用JavaScript以编程方式设置select box元素的值?

上面的解决方案是针对普通javascript的,如果您想使用react方式,请阅读以下内容:react JSX:在selected上选择“selected”

 类似资料:
  • 问题内容: 我有一个很奇怪的要求,其中要求我默认在HTML的下拉菜单中没有选择任何选项。然而, 我不能用这个 因为,为此,我将必须进行验证以处理第一个选项。有人可以在没有将第一个选项作为select标签的一部分的情况下帮助我实现此目标吗? 问题答案: 也许这会有所帮助 将默认显示。但是,如果您选择一个选项,则将无法再次选择它。 您也可以通过添加一个空白来隐藏它 因此它将不再显示在列表中。 选项2

  • 问题内容: 我似乎找不到或编写一个选择默认值的sqlquery (我不认为我可以在phpmyadmin中生成它供我复制) 我试图选择它,就好像它是一条记录,但无济于事… 问题答案: 或者我认为更好: 更新-更正 正如@Jeff Caron所指出的,只有在中至少有1行时,上述内容才有效。如果即使分组表没有行也要得到结果,则可以使用以下命令:

  • 问题内容: 我已经打了,并几次,现在我想恢复到默认值(一种恢复出厂设置的)。 是否提供执行此操作的命令?还是应该手动删除所有配置文件然后重新安装? 我需要它都在和。 提前致谢! 问题答案: 重置用户默认设置 在命令行中运行此命令(或在Windows上运行git bash): 重置全局默认值 如果您需要sudo,请改为运行以下命令:

  • 我有一个mat select,其中的选项是数组中定义的所有对象。我试图将该值设置为其中一个选项的默认值,但是当页面呈现时,该值处于选中状态。 我的typescript文件包含: 我的HTML文件包含: 我已尝试将和

  • 修改了配色方案,但是被我改烂了,我想恢复默认,但是没有找到对于的按钮

  • 本文向大家介绍BootStrap Select清除选中的状态恢复默认状态,包括了BootStrap Select清除选中的状态恢复默认状态的使用技巧和注意事项,需要的朋友参考一下 PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件; 当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢? 如【图1】 当我们选择摸一个条件之后 如【图2】 此时点