久久久久久久久久久网站,日韩亚洲精品在线,欧美国产日本视频

主頁 > 知識庫 > asp select下拉菜單選擇圖標并實時顯示

asp select下拉菜單選擇圖標并實時顯示

靜態方法：將下面的代碼復制到body>~/body>內
程序代碼
table cellpadding="2" width="226" cellspacing="2" border="0" >
tr>
td width="32" align="right">img id=idface src="..../../../bbs/images/icon/1.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/1.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/11.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="..../../../bbs/images/icon/1.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="1.gif">　　　　　　　　　　　　　　　　// 都必須在默認的圖片上賦一個ID號
2、select onChange="document.images['idface'].src=options[selectedIndex].value;">　// 再在下拉菜單中調用這個ID
　　......
　 /select>
不同點：
在靜態的制作方法中：
程序代碼
　　select ......>
　　　option value=1.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>

您可能感興趣的文章:

input+select(multiple) 實現下拉框輸入值
select下拉選擇框美化實現代碼(js+css+圖片)
jquery取消選擇select下拉框示例代碼
js自動查找select下拉的菜單并選擇(示例代碼)
一個不錯的仿攜程自定義數據下拉選擇select
js實現Select下拉框具有輸入功能的方法
JS實現的5級聯動Select下拉選擇框實例
jQuery實現非常實用漂亮的select下拉菜單選擇效果
基于jQuery實現select下拉選擇可輸入附源碼下載

標簽：雅安巴彥淖爾荊門鷹潭通遼通化普洱運城

巨人網絡通訊聲明：本文標題《asp select下拉菜單選擇圖標并實時顯示》，本文關鍵詞 asp,select,下拉菜單,選擇,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。

婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

asp select下拉菜單選擇圖標并實時顯示