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 相关文章推荐
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
JavaScript数组和对象的复制
Mar 21 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
Node使用Selenium进行前端自动化操作的代码实现
Oct 10 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
Jun 01 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 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 explode()函数用法、切分字符串
2012/10/03 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
PHP实现基于状态的责任链审批模式详解
2019/05/31 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
jQuery选择头像并实时显示的代码
2010/06/27 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
React Native中NavigatorIOS组件的简单使用详解
2018/01/27 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
python爬虫基本知识
2018/03/05 Python
pytorch中tensor的合并与截取方法
2018/07/26 Python
Python骚操作之动态定义函数
2019/03/26 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
2019/05/13 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
外语专业毕业生个人的自荐信
2013/11/19 职场文书
活动总结的格式
2014/05/07 职场文书
销售口号霸气押韵
2015/12/24 职场文书
MySQL七种JOIN类型小结
2021/10/24 MySQL
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang