js下拉框选择图片

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            img{
                width:25px;
            }
        </style>
    </head>
    <body>
        <img src="img/index.png"/>
        <select >
            <option value="img/index.png">首页</option>
            <option value="img/logo.png">动漫</option>
            <option value="img/select.png">电影</option>
            <option value="img/loading.gif">博客</option>
        </select>
        <script>
            var main=document.querySelector("select");
            var img=document.querySelector("img");
            main.onchange=function(){
                img.setAttribute("src",this.value);
            }
        </script>
    </body>
</html>

上一篇:JSwebAPIs选择器以及操作元素属性和样式


下一篇:JavaScript--DOM选择器