公告
财富商城
积分规则
提问
发文
2019-01-02 21:09发布
回忆,回不去的记忆
在注册界面,做一个下拉框里面放的是图片头像,点击头像,就显示在界面上的选择头像处。该怎么做呢?
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")); })
最多设置5个标签!
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")); })