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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章