gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 18:23:24 25 4
gpt4 key购买 nike

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

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com