在下拉框中選擇一個顏色，如何更改div的背景顏色

　　朋友們，好久不見，有一段時間沒更新博客了，這幾天的時間就把我這段時間所學的東西與大家分享分享，希望你們能給與意見！

　　我先還是從基礎的說起吧，下面來說一個簡單的例子，就是如何通過選擇下拉框中的顏色更改一個div的背景顏色：

首先我們先把這個下拉框創建出來：

<select id = "s" onchange="ChangeColor()">
        <option selected = "selected">-------請選擇------</option>
        <option value="yellow">黃色</option>
        <option value="green">綠色</option>
        <option value="blue">藍色</option>
        <option value="pink">粉紅色</option>
        <option value="red">紅色</option>
        <option value="gray">灰色</option>
        <option value="orange">橘黃色</option>

    </select>

之后我們創建一個div層:

<div id = "d"></div>

之后可以通過超鏈接更改這個div的背景顏色

<a href = "javascript:ChangeColor()"></a>

然后我們就需要創建函數ChangeColor(),首先需要先拿到div這個對象，可以通過dom.getElementById()這個方法，之后考慮如何獲得下拉框中選中的值，然后把其值賦值給div層的背景顏色即可。詳細代碼如下：

<script type="text/javascript">
    function ChangeColor(){
        var dd = document.getElementById("d");
        var ss = document.getElementById("s");
        dd.style.backgroundColor = ss.value;
    }
</script>
<style type="text/css">
#d{
    width:400px;
    height:300px;
    border:1px solid #000;
}
</style>