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 相关文章推荐
Javascript 跨域访问解决方案
Feb 14 Javascript
javascript来定义类的规范小结
Nov 19 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
Jul 07 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
React Native如何消除启动时白屏的方法
Aug 08 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
打通前后端构建一个Vue+Express的开发环境
Jul 17 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
vuex的module模块用法示例
Nov 12 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
JavaScript图像放大镜效果实现方法详解
Jun 28 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开发需要注意的安全问题
2010/09/01 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
Laravel下生成验证码的类
2017/11/15 PHP
JS 无法通过W3C验证的处理方法
2010/03/09 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
2010/12/11 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
jquery插件NProgress.js制作网页加载进度条
2015/06/05 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
jquery通过name属性取值的简单实现方法
2016/06/20 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
node实现登录图片验证码的示例代码
2018/04/20 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
在Webpack中用url-loader处理图片和字体的问题
2020/04/28 Javascript
python 简易计算器程序,代码就几行
2009/08/29 Python
复习Python中的字符串知识点
2015/04/14 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
python中常用的数据结构介绍
2021/01/12 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
使用CSS3代码绘制可爱的Hello Kitty猫
2016/08/03 HTML / CSS
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
定制别致的瑜伽垫:Sugarmat
2019/06/21 全球购物
工程建设实施方案
2014/03/14 职场文书
乒乓球兴趣小组活动总结
2014/07/08 职场文书
报效祖国演讲稿
2014/09/15 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python