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

ASP
asp生成三维饼图的函数
ASP下的简洁的多重查询的方法与函数 真不错
发一个ASP的ADODB类代码
A利用ASP小偷和Google实现在线翻译功能的代码
ASP类型网站结合动网论坛会员的方法
Asp下实现多表单域无组件文件上传的实例
asp制作中常用到的函数库集合
易心asp分页类 v1.0
asp中xmlhttp组件发包
检测是否为数字类型的asp代码
可以获得文件的文件名的asp函数
用asp实现访问远程计算机上MDB access数据库文件的方法
用ASP实现写IIS日志的代码
asp在IE浏览器中下载服务端上的各类文件的实现方法
asp汉字中文图片验证码的实现代码
asp WAP获取手机终端信息的一段代码
asp取得数组中的最大值的方法
用asp实现的截取指定格式字符串的代码
asp jmail发邮件 详细解析
ASP编程中连接数据库和数据库操作的常用代码

No. « 68 69 70 71 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 115 ::
收藏到网摘: 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>