当前位置: 首页 > 图文教程 > 网络编程 > ASP > asp select下拉菜单选择图标并实时显示

ASP
ASP正则表达式技巧
ASP Access实现网站计数器（访问量）
ASP新闻分页，将一篇过长的文章分页，生成静态页面
一些关于asp 购物车的想法
一个sql查询器，自动画表格填字段
ASP实现文件直接下载的代码
把网页中的(电话，qq等数字)生成图片的ASP程序
asp长文章用分页符来分页显示
Asp函数介紹(37个常用函数)
ASP中的面向对象类
分页实现方法的性能比较
asp ajax跨域提交数据
asp修改文件和文件夹的名字的代码
ASP 多关键词查询实例代码
asp被杀毒软件误删的解决方法
asp 多关键词搜索的简单实现方法
asp 根据IP地址自动判断转向分站的代码
asp dictionary对象的用法
ASP 千万级数据分页的存储过程
ASP隐藏真实文件的下载功能实现代码

No. « 80 81 82 83 »

技术文章搜索

关键字

ASP 中的 asp select下拉菜单选择图标并实时显示

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 83 ::
收藏到网摘: n/a

直接在下拉菜单中的option选项中赋予路径，用asp循环输出 静态方法：将下面的代码复制到<body>~</body>内
程序代码
<table cellpadding="2" width="226" cellspacing="2" border="0" >
<tr>
<td width="32" align="right"><img id=idface src="/upload/tech/20091012/20091012012653_202cb962ac59075b964b07152d234b70.gif" alt=个人形象代表 width="32" height="32"></td>
<td width="30" ><font class=cha2>头像</font></td>
<td width="69">
<select class=editbox1 onChange="document.images['idface'].src=options[selectedIndex].value;">
<option value=../../../bbs/images/icon//upload/tech/20091012/20091012012655_72da7fd6d1302c0a159f6436d01e9eb0.gif selected>头像1</option>
<option value=../../../bbs/images/icon/2.gif select>头像2</option>
<option value=../../../bbs/images/icon/3.gif select>头像3</option>
<option value=../../../bbs/images/icon/4.gif select>头像4</option>
<option value=../../../bbs/images/icon/5.gif select>头像5</option>
<option value=../../../bbs/images/icon/6.gif select>头像6</option>
<option value=../../../bbs/images/icon/7.gif select>头像7</option>
<option value=../../../bbs/images/icon/8.gif select>头像8</option>
<option value=../../../bbs/images/icon/9.gif select>头像9</option>
<option value=../../../bbs/images/icon/10.gif select>头像10</option>
<option value=../../../bbs/images/icon/1/upload/tech/20091012/20091012012655_72da7fd6d1302c0a159f6436d01e9eb0.gif select>头像11</option>
<option value=../../../bbs/images/icon/12.gif select>头像12</option>
<option value=../../../bbs/images/icon/13.gif select>头像13</option>
<option value=../../../bbs/images/icon/14.gif select>头像14</option>
<option value=../../../bbs/images/icon/15.gif select>头像15</option>
<option value=../../../bbs/images/icon/16.gif select>头像16</option>
<option value=../../../bbs/images/icon/17.gif select>头像17</option>
<option value=../../../bbs/images/icon/18.gif select>头像18</option>
<option value=../../../bbs/images/icon/19.gif select>头像19</option>
<option value=../../../bbs/images/icon/20.gif select>头像20</option>
</select>
</td>
<td width="69">--> 静态</td>
</tr>
</table>
ASP数组方法：将下面的代码复制到<body>~</body>内
程序代码
<table cellpadding="2" width="241" cellspacing="2" border="0" >
<tr>
<td width="32" align="right"><img id=idface1 src="/upload/tech/20091012/20091012012653_202cb962ac59075b964b07152d234b70.gif" alt=个人形象代表 width="32" height="32"></td>
<td width="30" ><font class=cha2>头像</font></td>
<td width="62">
<select onChange="document.images['idface1'].src=options[selectedIndex].value;" class="editbox1" >
<%
dim i
for i=1 to 20
%>
<option select value="../../../bbs/images/icon/<%=I%>.gif">头像<%=I%></option>
<%
next
%>
</select>
</td>
<td width="91"> --> ASP 数组 </td>
</tr>
</table>
共同点：
1、<img id=idface src="/upload/tech/20091012/20091012012655_72da7fd6d1302c0a159f6436d01e9eb0.gif">　　　　　　　　　　　　　　　　// 都必须在默认的图片上赋一个ID号
2、<select onChange="document.images['idface'].src=options[selectedIndex].value;">　// 再在下拉菜单中调用这个ID
　　......
　 </select>
不同点：
在静态的制作方法中：
程序代码
　　<select ......>
　　　<option value=/upload/tech/20091012/20091012012655_72da7fd6d1302c0a159f6436d01e9eb0.gif > 头像1 </option> 　　　　　// 直接在下拉菜单中的option选项中赋予路径
　　　<option value=2.gif > 头像2 </option>
　　　......
　　</select>
--------------------------------------------------------------------------------
在ASP数组 定义方法中：
程序代码
　　<select ......>
　　<% dim i 　　　　　　　　　　　　　　　　　　　　　　　　　　// 定义数组 i
　　　 for i=1 to 20 　　　　　　　　　　　　　　　　　　　　　　　// 定义 i 的值为1~20
　　%>
　　<option select value="<%=I%>.gif">头像<%=I%></option>　　 　　　　// 显示第一条选项的值
　　<% next %> 　　　　　　　　　　　　　　 　　　　　　 　　　　// 下一条
　　</select>