當選擇特定選項時更改背景顏色

我希望當「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

當選擇特定選項時更改背景顏色

回答

相關問題