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 Event学习第七章 事件属性
Feb 07 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
Feb 10 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
js打造数组转json函数
Jan 14 Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
Sep 26 Javascript
JS如何实现在弹出窗口中加载页面
Dec 03 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
收集的DedeCMS一些使用经验
2007/03/17 PHP
TMDPHP 模板引擎使用教程
2012/03/13 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
通过php添加xml文档内容的方法
2015/01/23 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
Thinkphp5.0自动生成模块及目录的方法详解
2017/04/17 PHP
THINKPHP3.2使用soap连接webservice的解决方法
2017/12/13 PHP
浏览器无法运行JAVA脚本的解决方法
2008/01/09 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
理解AngularJs指令
2015/12/10 Javascript
JavaScript实现斗地主游戏的思路
2016/02/29 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
bootstrap table使用入门基本用法
2017/05/24 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
[01:06]DOTA2小知识课堂 Ep.02 吹风竟可解梦境缠绕
2019/12/05 DOTA
python使用pymysql实现操作mysql
2016/09/13 Python
用python爬取租房网站信息的代码
2018/12/14 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
Tensorflow训练MNIST手写数字识别模型
2020/02/13 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
餐饮加盟计划书
2014/01/10 职场文书
任命书格式
2014/06/05 职场文书
银行求职自荐书
2014/06/25 职场文书
2014年司法局工作总结
2014/12/11 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
Python源码解析之List
2021/05/21 Python