JavaScript实现 下拉框更换背景图片

2024年1月19日 210次阅读 来源: weixin_44317900 
<body>

<select id="q" onchange="changebg(this)" >
    <option disabled selected value>请选择</option>
    <option value="url('春意绵绵.png')">春意绵绵</option>
    <option value="url('夏日炎炎.png')">夏日炎炎</option>
    <option value="url('秋风瑟瑟.png')">秋风瑟瑟</option>
    <option value="url('冬雪皑皑.png')">冬雪皑皑</option>
<script>



function changebg(selObj) { 
    selindex=selObj.selectedIndex
    bgsrc=selObj.options[selindex].value
    document.body.style.background=bgsrc
}
</script>
</select>
</body>

将图片路径填入下拉框选项的value值中，只要选中，就将value取出设定为背景图片路径

    原文作者：weixin_44317900
    原文地址: https://blog.csdn.net/weixin_44317900/article/details/102667964
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞