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

Question

When I am clicking reset, the background color in select field is not changing to white. 当我单击“重置”时，“选择”字段中的背景色未更改为白色。 Its displaying the color of the last selected option. 它显示最后选择的选项的颜色。 Please help me out with this problem. 请帮我解决这个问题。 I want to remove the background color too when I am clicking reset button. 单击重置按钮时，我也想删除背景色。 Thanks in advance for your help.. 在此先感谢您的帮助..

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

Answer 1

use: 采用：

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

    });
});

Answer 2

You can also use .css('background',color) to do this 您也可以使用.css('background',color)进行此操作

Check demo 检查演示

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

问题描述

2 个解决方案

解决方案1
0 2014-01-28 10:06:12

解决方案2
0 2014-01-28 10:23:03

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

问题描述

2 个解决方案

解决方案1 0 2014-01-28 10:06:12

解决方案2 0 2014-01-28 10:23:03

解决方案1
0 2014-01-28 10:06:12

解决方案2
0 2014-01-28 10:23:03