onchange事件練習:下拉列表 列出三個顏色 選中某種顏色 網頁就設置該顏色

下拉列表 列出三個顏色 選中某種顏色 網頁就設置該顏色

通過onchange事件獲取下拉列表的改變,從而改變網頁背景色。

<body>
    <!-- 下拉列表 列出三個顏色 選中某種顏色 網頁(document.body)就設置該顏色 -->
    <select name="color" id="color">
        <option value="">請選擇顏色</option>
        <option value="red">紅色</option>
        <option value="green">綠色</option>
        <option value="blue">藍色</option>
    </select>
    <script>
        let color = document.getElementById('color');
        color.onchange = function() {
            document.body.style.backgroundColor = this.value;
            console.log(this.value);
        }
    </script>
</body>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章