[JavaScript] 下拉列表选择出示不同的图片

<img id="dropPicList" src="data:images/brand1.jpg" style="position:auto;">
<hr/>
<select id="dropListPic" onchange="fnChangePic(this)"><option value="brand1">阿尔卑斯</option><option value="brand2">旺旺</option><option value="brand4">上好佳</option><option value="brand10">大白兔</option>
</select>

function fnChangePic(obj){var index = obj.selectedIndex;var val = obj.options[index].value;$("dropPicList").src = "images/" + val + ".jpg";   }

待整理：select 的各种语法

====================================
试完这个脚本，想先去搞一个日常用的 HTML，可是还得先学一下 JSON 数据怎么搞。Ծ‸Ծ

[JavaScript] 下拉列表选择出示不同的图片相关推荐

几款极好的 JavaScript 下拉列表插件
表单元素让人爱恨交加.作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅.登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能 ...
[Java实现] 图片择优（选择最清楚的图片）
FuzzyDetection 图片择优(选择最清楚的图片) [Java实现]效果不错,大家可以根据我的源码改成自己使用的语言并应用到自己项目中. 实现思路获取图片的灰度图数组使用拉普拉斯算子进行卷 ...
html鼠标滑轮换图片,JavaScript实现鼠标滚轮控制页面图片切换
鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们快速的浏览网页,快速的进行长篇文章的阅读.对于web前端的我们来说又怎么能不注重这个鼠标滚轮呢,那么它能如何让用户更好的浏览网页呢?本文主要 ...
安卓案例：利用下拉列表选择科目
安卓案例:利用下拉列表选择科目一.运行效果比如,选择"数据结构": 二.实现步骤
创建一个JFrame，可下拉选择显示字符串和图片
创建一个JFrame,可下拉选择显示字符串和图片 import java.awt.*; import java.awt.event.*; import java.io.*; import javax. ...
excel学习笔记：数据格式，单元格格式（快捷键，自动调整行列宽，条件格式，自定义格式，日期星期时间的设置，特殊数字，多种填充方式，从下拉列表选择，数据验证。）
文章目录数据格式.单元格格式 1. 快捷键 2. 自动调整列/行宽 3. 条件格式 4. 日期设置 5. 星期设置 6. 时间设置 7. 特殊数字 8. 选中多个填充,ctrl选中,输入100,ct ...
Vue前端JavaScript实现PDF预览与图片预览
Vue前端JavaScript实现PDF预览与图片预览说明 PDF.JS 代码实现预览测试 embed与iframe标签 `<embed>` `<iframe>` 浏览器预 ...
【Unity游戏开发基础】如何在游戏菜单中实现下拉列表选择画面质量
[背景] 上一篇我们介绍了如何在菜单中创建调节音量大小的滚动条,现在我再来介绍一个游戏菜单中的常用设置,也就是下拉列表选择画面质量的功能如何实现. [步骤] 首先,在菜单UI Canvas上添加一个下 ...
Cocos2d-x 3.x 头像选择，本地相册图片+图片编辑(Android、IOS双平台)
大连游戏产业不是很发达,最后,选择一个应用程序外包公司.积累的工作和学习过程中的一点业余生活微信体验,我想分享的游戏小朋友的爱. 在应用开发过程中会经常实用户上传头像的功能,在网上找了N多资料发现没有 ...

[JavaScript] 下拉列表选择出示不同的图片

[JavaScript] 下拉列表选择出示不同的图片相关推荐

最新文章

热门文章