javascript - 如何使用重置按钮删除选择选项标签中的背景色?

原文 标签 javascript jquery html css colors

当我单击“重置”时,“选择”字段中的背景色未更改为白色。它显示最后选择的选项的颜色。请帮我解决这个问题。
单击重置按钮时,我也想删除背景色。在此先感谢您的帮助..

<body>
<form>

<input type="reset" class="resetButton" />
<select id="select" style="color: white; width:60px;"onchange="changecolor(select,value)">
<option value="white" style="background-color: white; "></option>
<option value="red" style="background-color: red; color: white;">AB</option>
<option value="blue" style="background-color: blue; color: white;">BC</option>
<option value="green" style="background-color: green; color: white;">CD</option>
<option value="orange" style="background-color: orange; color: white;">DE</option>
</select>

</form>
</body>


<script>
$(function()
{
    $('.resetButton').click(function()
    {
        $(this).closest('form').find('select').each(function()
        {
             $(this)[0].selectedIndex=0;


        });
    });
});
</script>

<script language="javascript" type="text/javascript">
function changecolor(id,color){
id.style.backgroundColor=color;
}
</script>

最佳答案

采用:

 $('.resetButton').click(function()
{
    $(this).closest('form').find('select').each(function()
    {
         $(this)[0].selectedIndex=0;
         changecolor($(this).attr('id'),'white');

    });
});

关于javascript - 如何使用重置按钮删除选择选项标签中的背景色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21402428/

相关文章:

html - Material 2 按钮 Css 样式 Angular 5

javascript - 根据纬度和经度获取邮政编码?

javascript - javascript—如何调用同时具有事件对象和另一个参数的函数?

css - 排队定时jQuery事件无法正常工作

javascript - 使用正则表达式替换url中的字符串

html - CSS:为什么可以使用样式类?

javascript - 如何通过JQuery包含HTML片段

javascript - 等待一个 promise 或另一个

javascript - greensock一一添加元素类

javascript - 当旧的日期选择器关闭时,打开新的日期选择器