HTML下拉选项框实现选择头像怎么做呢

问题:

在注册界面，做一个下拉框里面放的是图片头像，点击头像，就显示在界面上的选择头像处。该怎么做呢？

回答1:

select的option放不了img
但是你可以用一个input+div实现，img放在div里，div定位到input下面，设置一下div的高度，溢出隐藏右侧可滑动滚动条
点击div里的img的时候，通过JS把当前点击的img的src赋值给界面上的选择头像处的img

HTML:
<img id='logo' src='没有头像时候的默认图'/>
<input />
<div><img src='你的图片路径'/><img src='你的图片路径'/><img src='你的图片路径'/><div/>

JS:
$(document).on("click","div>img",function() { $("#logo").attr("src",$(this).attr("src")); })