jQuery选择头像并实时显示的代码


Posted in Javascript onJune 27, 2010

js:

//头像选择 
function GetFace() { 
var faceid = $("#SelFace").val(); 
if (faceid.length == 1) { faceid = "0" + faceid; } 
$("#imgface").attr("src", "/WebUI/template/images/public/tutu"+faceid+".gif"); 
}

界面:
<select id="SelFace" name="SelFace" onchange="GetFace();"> 
<option value="1">头像1</option> 
<option value="2">头像2</option> 
<option value="3">头像3</option> 
</select> <img id="imgface" name="imgface" src="/WebUI/template/images/public/tutu01.gif" />
Javascript 相关文章推荐
基于jquery的web页面日期格式化插件
Nov 15 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
May 24 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
js实现人民币大写金额形式转换
Apr 27 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
js实现ATM机存取款功能
Oct 27 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 Javascript
解决$store.getters调用不执行的问题
Nov 08 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
Javascript匿名函数的一种应用 代码封装
Jun 27 #Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 #Javascript
让IE6支持min-width和max-width的方法
Jun 25 #Javascript
jQuery与其它库冲突的解决方法
Jun 25 #Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
Jun 25 #Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 #Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 #Javascript
You might like
php实现单链表的实例代码
2013/03/22 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
2013/01/08 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
xcode中获取js文件的路径方法(推荐)
2016/11/05 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
详解如何用webpack打包一个网站应用项目
2017/07/12 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
JavaScript命令模式原理与用法实例详解
2020/03/10 Javascript
使用python编写android截屏脚本双击运行即可
2014/07/21 Python
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
TensorFlow实现Softmax回归模型
2018/03/09 Python
python虚拟环境迁移方法
2019/01/03 Python
Python基础教程之异常详解
2019/01/10 Python
python matplotlib 绘图 和 dpi对应关系详解
2020/03/14 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
英国钻石公司:British Diamond Company
2020/02/16 全球购物
sort命令的作用和用法
2012/11/04 面试题
优秀学生干部推荐材料
2014/02/03 职场文书
庆元旦文艺演出主持词
2014/03/27 职场文书
我爱读书演讲稿
2014/05/07 职场文书
电子信息工程专业求职信
2014/06/28 职场文书
平安家庭事迹材料
2014/12/20 职场文书
户外亲子活动总结
2015/05/08 职场文书
初中毕业感言300字
2015/07/31 职场文书
Elasticsearch 索引操作和增删改查
2022/04/19 Python