Изменить цвет фона при выборе определенной опции

Question

Я хочу, чтобы при щелчке по «Парку здесь» ее внешняя область была красной, а при нажатии «Отмена» она должна быть зеленой, но она показывает внутренний цвет красный и зеленый. Есть ли какой-либо метод, который изменяет цвет фона на красный и зеленый. код находится здесь

Здесь выводятся, но я хочу, чтобы внешний цвет был красным или зеленым, как то, что сделал этот тэг. Есть ли какой-нибудь метод? Пожалуйста, скажите мне, что я хочу, внешний цвет должен быть красным по щелчку не внутренней

Answer 1

Этот код работает для меня. Моя проблема решена Спасибо + Раджеш Jangid

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

Answer 2

Нанести с цветом в значении 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>

Answer 3

Вам нужно для использования события onchange на узле выбора. вариант не будет отвечать на событие onclick.

Дайте свой выбор идентификатору, чтобы его можно было выбрать 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>