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作用域与作用域链深入解析
Dec 06 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 Javascript
Webstorm2016使用技巧(SVN插件使用)
Oct 29 Javascript
解决Vue-cli无法编译es6的问题
Oct 30 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
Dec 10 Vue.js
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数组函数序列之array_push() 数组尾部添加一个或多个元素(入栈),返回新长度。
2011/11/07 PHP
Linux下CoreSeek及PHP扩展模块的安装
2012/09/23 PHP
php excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
解析php防止form重复提交的方法
2013/07/01 PHP
PHP学习笔记(一) 简单了解PHP
2014/08/04 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
JS查找字符串中出现最多的字符及个数统计
2017/02/04 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
uniapp,微信小程序中使用 MQTT的问题
2020/07/11 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python库urllib与urllib2主要区别分析
2014/07/13 Python
python Django批量导入数据
2016/03/25 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
python PyTorch参数初始化和Finetune
2018/02/11 Python
python write无法写入文件的解决方法
2019/01/23 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
python实现贪吃蛇双人大战
2020/04/18 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
《兰亭集序》教学反思
2014/02/11 职场文书
商铺门前三包责任书
2014/07/25 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
党员查摆四风问题思想汇报
2014/10/25 职场文书
群众路线教育实践活动整改落实情况汇报
2014/10/28 职场文书
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
MySQL中dd::columns表结构转table过程及应用详解
2022/09/23 MySQL