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 相关文章推荐
js 可拖动列表实现代码
Dec 13 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
Javascript的闭包详解
Dec 26 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
微信小程序自定义胶囊样式
Dec 27 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 minixml详解
2008/07/19 PHP
laravel解决迁移文件一次删除创建字段报错的问题
2019/10/24 PHP
jcrop基本参数一览
2013/07/16 Javascript
css样式标签和js语法属性区别
2013/11/06 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
2020/08/10 Javascript
如何在 ant 的table中实现图片的渲染操作
2020/10/28 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
selenium+python实现自动化登录的方法
2018/09/04 Python
python list格式数据excel导出方法
2018/10/31 Python
python 产生token及token验证的方法
2018/12/26 Python
pygame实现俄罗斯方块游戏(AI篇2)
2019/10/29 Python
python实现飞机大战游戏(pygame版)
2020/10/26 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
python numpy实现rolling滚动案例
2020/06/08 Python
Python 读取位于包中的数据文件
2020/08/07 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
python 通过exifread读取照片信息
2020/12/24 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
HTML5输入框下拉菜单功能的示例代码
2020/09/08 HTML / CSS
应届生英语教师求职信
2013/11/05 职场文书
工商技校毕业生自荐信
2013/11/15 职场文书
童装店创业计划书
2014/01/09 职场文书
市场调查策划方案
2014/06/10 职场文书
关于保护环境的建议书
2014/08/26 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL
MySQL 分区表中分区键为什么必须是主键的一部分
2022/03/17 MySQL