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的Function详细
Nov 14 Javascript
JavaScript 编程引入命名空间的方法
Jun 29 Javascript
10款非常有用的 Ajax 插件分享
Mar 14 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
JavaScript基础知识学习笔记
Dec 02 Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
node.js 和HTML5开发本地桌面应用程序
Dec 13 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
vue-cli3+typescript新建一个项目的思路分析
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设计模式 Bridge (桥接模式)
2011/06/26 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
php浏览历史记录的方法
2015/03/10 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
js表单验证实例讲解
2016/03/31 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
微信小程序 商城开发(ecshop )简单实例
2017/04/07 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
vue ssr服务端渲染(小白解惑)
2019/11/10 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
2020/02/09 Javascript
微信小程序实现点击导航条切换页面
2020/11/19 Javascript
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
Python学生成绩管理系统简洁版
2020/04/05 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
Python3+Appium安装使用教程
2019/07/05 Python
python与C、C++混编的四种方式(小结)
2019/07/15 Python
解决Django一个表单对应多个按钮的问题
2019/07/18 Python
python3 求约数的实例
2019/12/05 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
Python如何基于rsa模块实现非对称加密与解密
2020/01/03 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
授权委托书格式范文
2014/08/02 职场文书
小学生成绩单评语
2014/12/31 职场文书
dubbo服务整合zipkin详解
2021/07/26 Java/Android
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang