社区
JavaScript
帖子详情
不会JS,所以来这里问个问题。
gufengsheng
2005-01-04 03:09:23
要实现这个功能:根据用户的选择改变显示的图片。
选择下拉列表框,然后在<img >里面改变它的连接地址来改变显示的图片。
...全文
106
4
打赏
收藏
不会JS,所以来这里问个问题。
要实现这个功能:根据用户的选择改变显示的图片。 选择下拉列表框,然后在里面改变它的连接地址来改变显示的图片。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
bcsky
2005-01-04
打赏
举报
回复
来晚了 嘿嘿! flyingding(将军)的写法比较规范
<script language="JavaScript">
function showPic(obj,picId)
{
var objImg=document.images(picId);
objImg.src=obj.options(obj.selectedIndex).value;
}
</script>
<img src="1.gif" id="pPic">
<form name="form1">
<select id="a1" onChange="showPic(this,'pPic')">
<option value="1.gif">第一章</option>
<option value="2.gif">第二章</option>
<option value="3.gif">第三章</option>
</select>
</form>
Mybox
2005-01-04
打赏
举报
回复
<select name="test" size="20"
onChange="test.images['avatarimg'].src='image/face/'+options[selectedIndex].value;">
<option value="m.gif" selected>
default
</option>
<option value="n.gif">test1</option>
<option value="k.gif">test2</option></select>
sdliubo
2005-01-04
打赏
举报
回复
<select name="avatar" size="10" onChange="document.images['avatarimg'].src='image/face/'+options[selectedIndex].value;">
<option value="1.gif" selected>default</option>
<option value="2.gif">girl1</option>
<option value="30.gif">boy18</option></select>
flyingding
2005-01-04
打赏
举报
回复
function showPic(obj,picId)
{
var objImg=document.images(picId);
objImg.src=obj.options(obj.selectedIndex).value;
}
<select name="pPic" style="border:1px groove black" onChange="showPic(this,'pPic')">
<option value="文件路径">文件名称</option>
</select>
<img width="100" id="pPic">
回答一下这 10 个最常见的 Javascript 问题
作者:Duomly 译者:前端小智 来源:dev 点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。 为初学者介绍一下这 10 个最常被问到的 JavaScript 问题 在本文中,我收集了关于Javascript 最常被问到的 10 个问题及其答案。 这10 个问题大多涉及 Javascript 的基础知识,所.
这里有你想知道的ES2020中Javascript10个新特性
ES2020中Javascript10个新特性 1、BigInt BigInt,Javascript 中最期待的新功能终于落地。它允许开发者在
JS
中使用更大的整数进行数据处理。之前,Javascript 中最大的整数是 pow(2, 53) - 1。但是,BigInt 不受此限制。 然而,就如你在上面看到,你需要在数字后面添加一个 n。这个 n 说明这是一个 BigInt,Javascript 引擎应该特殊处理(不管是 V8,还是其它引擎)。因为传统的数字系统是 IEEE754(它不..
面试必问JavaScript基础面试题(附答案详解)
文章目录前言1、JavaScript的数据类型有哪些?2、null,undefined的区别?3、
JS
中变量的作用域是什么?4、说说var、let、const之间的区别?区别一:作用域区别二:定义变量区别三:let与const区别5、栈和堆的区别?6、Javascript实现继承的几种方式?7、谈谈this的理解?8、什么是window对象? 什么是document对象?9、什么是闭包(closure),说说优缺点?10、new操作符具体干了什么呢?11、
JS
延迟加载的方式有哪些?12、同步和异步的区别?
JavaScript之闭包,给自己的
Js
一场重生(系列七)
JavaScript之闭包 闭包——非常重要但又难以掌握的概念,理解闭包可以看作是某种意义上的重生——《你不知道的
Js
》 代码+例题让你全程思路清晰!
【面试利器】 原生
JS
灵魂拷问,你能答上多少(一)
前言 目前的前端世界,三大框架横行,原生JavaScript所用越来越少。但我认为JavaScript作为每一个前端工程师的立身之本,学再多遍都不为过。 因此我决定整理JavaScript中容易忽视或者混淆的知识点,写一系列文章,以灵魂追问的方式,系统且完整的带大家遨游不一样的JavaScript。
JS
类型之问——检测篇 第一问:
js
中的数据类型有哪些? 原始数据类型:共有7种 Boolean Number String undefined null Bigint Symbol 引用数据类型:1种
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章