主頁(yè) > 知識(shí)庫(kù) > asp select下拉菜單選擇圖標(biāo)并實(shí)時(shí)顯示

asp select下拉菜單選擇圖標(biāo)并實(shí)時(shí)顯示

熱門(mén)標(biāo)簽:西寧公司外呼系統(tǒng)平臺(tái) 地圖標(biāo)注服務(wù)哪家好 徐州人工智能電銷(xiāo)機(jī)器人好用嗎 外呼系統(tǒng)還用卡么 地圖標(biāo)注宅基地 長(zhǎng)沙防封電銷(xiāo)卡品牌 騰訊地圖標(biāo)注商戶(hù)關(guān)閉 武漢營(yíng)銷(xiāo)電話機(jī)器人軟件 智能電銷(xiāo)機(jī)器人適用于哪些行業(yè)
靜態(tài)方法:將下面的代碼復(fù)制到body>~/body>內(nèi)
程序代碼
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=個(gè)人形象代表 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">--> 靜態(tài)/td>
/tr>
/table>
ASP數(shù)組方法:將下面的代碼復(fù)制到body>~/body>內(nèi)
程序代碼
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=個(gè)人形象代表 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 數(shù)組 /td>
/tr>
/table>
共同點(diǎn):
1、img id=idface src="1.gif">                // 都必須在默認(rèn)的圖片上賦一個(gè)ID號(hào)
2、select onChange="document.images['idface'].src=options[selectedIndex].value;"> // 再在下拉菜單中調(diào)用這個(gè)ID
  ......
  /select>
不同點(diǎn):
在靜態(tài)的制作方法中:
程序代碼
  select ......>
   option value=1.gif > 頭像1 /option>      // 直接在下拉菜單中的option選項(xiàng)中賦予路徑
   option value=2.gif > 頭像2 /option>
   ......
  /select>
--------------------------------------------------------------------------------
在ASP數(shù)組 定義方法中:
程序代碼
  select ......>
  % dim i                           // 定義數(shù)組 i
    for i=1 to 20                        // 定義 i 的值為1~20
  %>
  option select value="%=I%>.gif">頭像%=I%>/option>       // 顯示第一條選項(xiàng)的值
  % next %>                           // 下一條
  /select>
您可能感興趣的文章:
  • input+select(multiple) 實(shí)現(xiàn)下拉框輸入值
  • select下拉選擇框美化實(shí)現(xiàn)代碼(js+css+圖片)
  • jquery取消選擇select下拉框示例代碼
  • js自動(dòng)查找select下拉的菜單并選擇(示例代碼)
  • 一個(gè)不錯(cuò)的仿攜程自定義數(shù)據(jù)下拉選擇select
  • js實(shí)現(xiàn)Select下拉框具有輸入功能的方法
  • JS實(shí)現(xiàn)的5級(jí)聯(lián)動(dòng)Select下拉選擇框?qū)嵗?/li>
  • jQuery實(shí)現(xiàn)非常實(shí)用漂亮的select下拉菜單選擇效果
  • 基于jQuery實(shí)現(xiàn)select下拉選擇可輸入附源碼下載

標(biāo)簽:雅安 巴彥淖爾 荊門(mén) 鷹潭 通遼 通化 普洱 運(yùn)城

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《asp select下拉菜單選擇圖標(biāo)并實(shí)時(shí)顯示》,本文關(guān)鍵詞  asp,select,下拉菜單,選擇,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《asp select下拉菜單選擇圖標(biāo)并實(shí)時(shí)顯示》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于asp select下拉菜單選擇圖標(biāo)并實(shí)時(shí)顯示的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章