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/

相关文章:

javascript - 在图像右侧显示文本,就好像图像比实际大一样

jquery - 宽度上的菜单导航 CSS

javascript - 表单操作不会被 "required"输入中断

javascript - 不能包含 javascript(401 错误)

javascript - 在每个路由调用上执行中间件

javascript - 为什么这个 javascript 函数返回 undefined ?

javascript - 用于 div 的 id 的 Bootstrap datetimepicker

jquery - 子div位置绝对父高度不起作用

html - CSS Grid - 行高度相同(最大高度)

javascript - 如何判断视频是否受版权保护? YouTube API v3