asp select下拉菜单选择图标并实时显示
来源：asp之家 时间：2011-04-03 10:33:00
静态方法：将下面的代码复制到<body>~</body>内
程序代码
<table cellpadding="2" width="226" cellspacing="2" border="0" >
<tr>
<td width="32" align="right"><img id=idface src="https://img.aspxhome.com/file/UploadPic/20112/5/201125112214968.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//file/UploadPic/20112/5/201125112214433.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/file/UploadPic/20112/5/201125112214433.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="https://img.aspxhome.com/file/UploadPic/20112/5/201125112214968.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="https://img.aspxhome.com/file/UploadPic/20112/5/201125112214433.gif"> // 都必须在默认的图片上赋一个ID号
2、<select onChange="document.images['idface'].src=options[selectedIndex].value;"> // 再在下拉菜单中调用这个ID
......
</select>
不同点：
在静态的制作方法中：
程序代码
<select ......>
<option value=/file/UploadPic/20112/5/201125112214433.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>
0
投稿猜你喜欢
Go语言原子操作及互斥锁的区别
Python的类实例属性访问规则探讨
Python爬虫制作翻译程序的示例代码
一款强大的端到端测试工具Playwright介绍
详解Python下载图片并保存本地的两种方式
解析python的局部变量和全局变量
彻底搞懂python 迭代器和生成器
Vision Transformer图像分类模型导论
Vue2.0/3.0双向数据绑定的实现原理详解
Python pandas RFM模型应用实例详解
基于python if 判断选择结构的实例详解
用python写个颜值评分器筛选最美主播
python操作excel的方法（xlsxwriter包的使用）
javascript记住用户名和登录密码（两种方式）
Python对接六大主流数据库(只需三步)
Pycharm中的Python Console用法解读
基于Python实现简易文档格式转换器
JS字符串转GBK编码超精简实现详解
Python操作Redis之设置key的过期时间实例代码
游戏开发Unity2D图片任意形状破碎裂片效果展示
