Javascript 选择特定选项时更改背景色

我想当“停在这里”点击它的外部区域应该是红色，当“取消”点击它应该是绿色，但它显示内部颜色红色和绿色。有没有办法把背景颜色改成红色和绿色。代码在这里

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

停在这里
取消

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

---

将颜色应用到选项的值中。然后它将应用于javascript

函数更改（即）{
var colors=document.getElementById（'select'）.value；
that.parentNode.style.backgroundColor=颜色
}

选择
停在这里
取消

将您的颜色应用到选项的值中。然后它将应用于javascript

函数更改（即）{
var colors=document.getElementById（'select'）.value；
that.parentNode.style.backgroundColor=颜色
}

选择
停在这里
取消

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

为select指定一个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>

setColor=函数（val）{
var e=document.getElementById（“mySelect”）；
document.body.style.backgroundColor=e.options[e.selectedIndex]。值；
}
红色
绿色

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

为select指定一个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>

setColor=函数（val）{
var e=document.getElementById（“mySelect”）；
document.body.style.backgroundColor=e.options[e.selectedIndex]。值；
}
红色
绿色

此代码对我有效。我的问题解决了 谢谢你+Rajesh Jangid

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

停在这里
取消

此代码对我有效。我的问题解决了 谢谢你+Rajesh Jangid

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

停在这里
取消

用我的答案查看它的工作状态。代码不工作的地方在哪里？它将边界颜色更改为黑色。表格单元格的实际颜色仍然是绿色的。我不明白你在期待什么？你能用in.plz发布你的代码吗？请看我的图片。当选择“在此停车”选项和选择“取消”选项时，我想将我的绿色更改为红色，我想将以前的红色改为绿色。我已更新了我的答案。没问题。根据您的问题

在此处停车

选择将外部颜色更改为“红色”。但是下面显示的图片“在此处停车”所选外部颜色是

绿色

。这两种情况都不同，我的困惑与我的答案相同。代码不在哪里工作？将边界颜色更改为黑色。表格单元格的实际颜色仍然是绿色的。我不明白你在期待什么？你能用in.plz发布你的代码吗？请看我的图片。当选择“在此停车”选项和选择“取消”选项时，我想将我的绿色更改为红色，我想将以前的红色更改为绿色。我已更新了我的答案。这是可以的。根据您的问题

在此处停车

选择将外部颜色更改为“红色”。但是下面显示的图片“在此处停车”所选外部颜色是

绿色

。这两种情况都不同。我的困惑请检查此处->工作。谢谢检查这里->工作。非常感谢。