当选择特定选项时更改背景颜色

我希望当“Park Here”点击它时外部区域应该是红色的，当点击“Cancel”时它应该是绿色的，但它显示内部颜色红色和绿色。有什么方法可以将背景颜色更改为红色和绿色。代码在这里当选择特定选项时更改背景颜色

<tbody> 
    <tr> 
     <td bgcolor="green" align="center" ><select name="place1" > 
     <option onclick="this.parentNode.style.backgroundColor='red' "> Park Here</option> 
     <option onclick="this.parentNode.style.backgroundColor='green' "> Cancel </option> 
     </select></td> 

    </tr> 
    </tbody>

这里是输出，但我想外部颜色应该是红色或绿色，就像这个标签做了什么。有什么方法吗？请告诉我，我要外颜色应该是红色的点击不内

来源

2016-11-04 Fatima Eman

检查这里 - > https://jsfiddle.net/02pqmfgp/1 –

工作。谢谢 –

此代码适用于我。我的问题解决了谢谢+拉杰什Jangid

<select id="select" onchange="this.parentNode.style.backgroundColor = this.value"> 
    <option value='red'>Park here</option> 
    <option value='green'>Cancel</option> 
</select>

来源

2016-11-05 13:13:13

与色入option.Then的价值及其应用将JavaScript的应用

function changing(that){ 
 
var colors = document.getElementById('select').value; 
 
    
 
that.parentNode.style.backgroundColor =colors 
 
    
 
    }

<tbody> 
 
    <tr> 
 
     <td bgcolor="green" align="center" ><select id="select" name="place1" onchange="changing(this)"> 
 
     <option value=""> select</option> 
 
     <option value="red"> Park Here</option> 
 
     <option value="green"> Cancel </option> 
 
     </select></td> 
 

 
    </tr> 
 
    </tbody>

来源

2016-11-04 16:29:56 prasanth

这两种解决方案都无法正常工作。 –

请参阅我的答案它的工作..代码不工作？ – prasanth

它将边界颜色更改为黑色。表格单元格颜色在其实际形式中保持绿色。 –

您需要在选择节点上使用onchange事件。选项不会响应onclick事件。

给你的选择一个ID，以便你可以通过document.getElementById（“yourId”）在函数内选择它。

<script> 
    setColor = function(val) { 
    var e = document.getElementById("mySelect"); 
    document.body.style.backgroundColor = e.options[e.selectedIndex].value; 
    } 
</script> 

<select id="mySelect" onchange="setColor()"> 
    <option value"red">Red</option> 
    <option value="green">Green </option> 
</select>

来源

2016-11-04 16:38:57

当选择特定选项时更改背景颜色

回答

相关问题