最代码包妹
2014-11-11 09:41:44
完
html下拉框通过js如何选中区分颜色?
下拉列表框中有三个圆圈,分别是三个颜色,我怎么点击这个圈圈显示这个颜色,我做的下拉框里面会区分颜色 但是选中之后就默认为黑色了 求解
<select id="delivery" name="delivery" class="select" style="width: 40px"> <option selected="selected" value="0"/>" style=" color: green;">●</option> <option value="1"/>" style="font-color: yellow;">●</option> <option value="2"/>" style=" color: red;">●</option> </select>
下拉框中有三种颜色,我要的结果的选中哪一个圈圈就显示哪一中颜色。。
评论
所有回答列表(4)
lmmmd
2014年11月12日
首先,把第二个option的font-color改为color。
要实现你想要的效果,可以利用select的onchange事件,你选中个option时触发该事件,然后将选中的那个option的颜色取出,把select也设置为该颜色。
下面使用jquery实现,供参考:
$("#delivery").change(function() {
var selectedColor = $(this).children("option:selected").css("color"); // 取出所选中的option的颜色
$(this).css("color", selectedColor); // 将上述颜色赋给select
});
评论(0)
最佳答案
- 等 最代码怎么获取牛币啊?
- 完 谁来告诉我最代码上线的时间,答对者给5牛币,先来先得
- 等 牛友们,大家好,你们做程序员多久了?现在还好吗?
- 完 在微信打开的页面里进行app下载
- 等 最代码2014年欢乐聚声会
- 完 mysql如何查询表数据并且对3个字段降序的SQL?
- 完 最代码牛币机制改革
- 完 成功的在bae上使用了自定义运行环境 jetty+nginx的组合,大家对jetty+nginx优化有哪些心得?
- 完 进来分享一下各位牛牛是如何加入最代码大家庭的?
- 等 为什么java BufferedImage类处理大图直接抛出内存溢出的异常?
- 等 最代码是否开发手机app客户端?
- 完 java程序员学习哪些java的技术?java有哪些框架?都能做哪方面的开发?
- 等 php格式网页文件怎么运行?
- 等 Java volatile值获取的问题
- 等 前端vue,拦截了登录后台后,返回的token,requests拦截token,但是发送请求的时候,就出现跨越异常
- 等 大专本科计算机科班怎么找到Java工作?
- 等 eclipse怎么把三个java swing游戏项目合成一个项目?
- 完 伙伴们,大家都有什么好的解压方式么,分享一下~
- 完 三四线城市,6、7k,运维工作,索然无味,想去辞职上培训,各位牛牛有什么建议嘛
- 等 jsp页面输入中文变成问号
- 等 JPA在线上运行一段时间后报错Caused by: java.lang.IncompatibleClassChangeError: null
- 等 PHP 这个规则用preg_match_all怎么写
- 等 大佬们,有没有知道Alfresco如何配置LDAP登录呢?
- 等 php的install目录是框架带的吗?
相关问答
- 等 html该如何学习?
- 等 菜鸟关于html代码结构是否使用正确得问题。
- 完 如何把html textarea最右边那个多余的列去掉?
- 等 html select标签下拉框中怎么指定只让显示5个?
- 等 轮播图下面的html a标签长度如何控制?
- 完 怎么把html多选框中的多个值存入到数据库的关系表中?
- 完 请问这种问卷的html form表单该如何提交?后台怎么接收?
- 等 如何通过jquery获取js动态append到html页面的dom属性?
- 完 html网页显示有文字,但查看源码没有找到是什么原因?
- 完 如何通过apache POI技术来读取Word文档,并把Word文档的原来格式完整地显示在html网页?
- 完 html页面与html页面之间是如何实现传值?
- 等 IE8中html网页上下移动Select中的Option问题
最近浏览
chp123456
2020年12月27日
暂无贡献等级
梦本是很好的啦 LV11
2020年6月7日
lkm5560 LV1
2019年11月26日
忆往昔丶时间淡化过去 LV12
2019年7月17日
she816jiao LV1
2019年4月10日
骑猪上路 LV2
2018年5月12日
tanweida LV2
2018年3月30日
厉害了你昱哥 LV17
2017年12月27日
阿斯顿23
2017年11月2日
暂无贡献等级
悟道子 LV16
2017年10月24日