Javascript 根据选项标记的背景设置SelectHTML标记的背景色

Javascript 根据选项标记的背景设置SelectHTML标记的背景色,javascript,background-color,Javascript,Background Color,我有一个简单的选择块,它有三个选项:高、中、低 每个选项都有一个与其值相匹配的背景色红色、黄色、绿色 我想根据选项标记的颜色在选择标记上设置背景 我正在尝试下面的代码,但是无论我如何尝试,我都会得到rgb0、120、215,我不知道它是从哪里来的 var optionstyle=window.getComputedStyleselectObj.options[selectObj.selectedIndex]; 选择obj.style.background=选项style.getProperty

我有一个简单的选择块,它有三个选项:高、中、低

每个选项都有一个与其值相匹配的背景色红色、黄色、绿色

我想根据选项标记的颜色在选择标记上设置背景

我正在尝试下面的代码,但是无论我如何尝试,我都会得到rgb0、120、215,我不知道它是从哪里来的

var optionstyle=window.getComputedStyleselectObj.options[selectObj.selectedIndex]; 选择obj.style.background=选项style.getPropertyValue'background-color'; 高的 中等的 低的 .高{ 背景色:红色; } .中等{ 背景颜色:绿色; } .低{ 背景颜色:蓝色; } .其他{ 背景色:白色; } -挑选- 高的 中等的 低的 函数myFunction{ var selectedvalue=document.getElementByIddemo.value; document.getElementByIddemo.classList.remove; document.getElementByIddemo.classList.addselectedvalue; } .高{ 背景色:红色; } .中等{ 背景颜色:绿色; } .低{ 背景颜色:蓝色; } .其他{ 背景色:白色; } -挑选- 高的 中等的 低的 函数myFunction{ var selectedvalue=document.getElementByIddemo.value; document.getElementByIddemo.classList.remove; document.getElementByIddemo.classList.addselectedvalue; }
非常感谢穆罕默德!你的回答确实解决了我的问题!非常感谢穆罕默德!你的回答确实解决了我的问题!