กำหนดเส้นทางให้กับตัวเลือกโดยตรงในเมนูแบบเลื่อนลง และใช้ asp loop เพื่อส่งออกวิธีการคงที่: คัดลอกโค้ดต่อไปนี้ลงใน <body>~</body>
รหัสโปรแกรม
<เซลล์ตาราง=2 ความกว้าง=226 ระยะห่างเซลล์=2 เส้นขอบ=0 >
<tr>
<td width=32 align=right><img id=idface src=..../../../bbs/images/icon/1.gif /><td width=30 ><font class=cha2> อวตาร</font></td>
<ความกว้าง td=69>
<select class=editbox1 onChange=document.images['idface'].src=options[selectedIndex].value;>
<option value=../../../bbs/images/icon/1.gif ที่เลือก>อวตาร 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 เลือก>อวตาร 6</option>
<option value=../../../bbs/images/icon/7.gif เลือก>อวตาร 7</option>
<option value=../../../bbs/images/icon/8.gif เลือก>อวตาร 8</option>
<option value=../../../bbs/images/icon/9.gif เลือก>อวตาร 9</option>
<option value=../../../bbs/images/icon/10.gif เลือก>อวตาร 10</option>
<option value=../../../bbs/images/icon/11.gif select>อวตาร 11</option>
<option value=../../../bbs/images/icon/12.gif เลือก>อวตาร 12</option>
<option value=../../../bbs/images/icon/13.gif เลือก>อวตาร 13</option>
<option value=../../../bbs/images/icon/14.gif select>อวตาร 14</option>
<option value=../../../bbs/images/icon/15.gif เลือก>อวตาร 15</option>
<option value=../../../bbs/images/icon/16.gif เลือก>อวตาร 16</option>
<option value=../../../bbs/images/icon/17.gif เลือก>อวตาร 17</option>
<option value=../../../bbs/images/icon/18.gif เลือก>อวตาร 18</option>
<option value=../../../bbs/images/icon/19.gif เลือก>อวตาร 19</option>
<option value=../../../bbs/images/icon/20.gif select>อวตาร 20</option>
</เลือก>
</td>
<td width=69>-->คงที่</td>
</tr>
</ตาราง>
วิธีการอาร์เรย์ ASP: คัดลอกโค้ดต่อไปนี้ลงใน <body>~</body>
รหัสโปรแกรม
<เซลล์ตาราง=2 ความกว้าง=241 ระยะห่างของเซลล์=2 เส้นขอบ=0 >
<tr>
<td width=32 align=right><img id=idface1 src=..../../../bbs/images/icon/1.gif /><td width=30 ><font class=cha2> อวตาร</font></td>
<ความกว้าง td=62>
<select onChange=document.images['idface1'].src=options[selectedIndex].value; class=editbox1 >
-
สลัวฉัน
สำหรับ i=1 ถึง 20
-
<option select value=../../../bbs/images/icon/<%=I%>.gif>อวาตาร์<%=I%></option>
-
ต่อไป
-
</เลือก>
</td>
<td width=91> --> อาร์เรย์ ASP</td>
</tr>
</ตาราง>
จุดร่วม:
1. <img id=idface src=1.gif> // ต้องกำหนดหมายเลข ID ให้กับรูปภาพเริ่มต้น
2. <select onChange=document.images['idface'].src=options[selectedIndex].value;> // จากนั้นเรียก ID นี้ในเมนูแบบเลื่อนลง
-
</เลือก>
ความแตกต่าง:
ในวิธีการผลิตแบบคงที่:
รหัสโปรแกรม
<เลือก......>
<option value=1.gif > Avatar 1 </option> // กำหนดเส้นทางให้กับตัวเลือกโดยตรงในเมนูแบบเลื่อนลง
<option value=2.gif > อวตาร 2 </option>
-
</เลือก>
-------------------------------------------------- -------------------------------------------------- ----------------------------------
ในวิธีการกำหนดอาร์เรย์ ASP:
รหัสโปรแกรม
<เลือก......>
<% dim i // กำหนดอาร์เรย์ i
สำหรับ i=1 ถึง 20 // กำหนดค่าของ i เป็น 1~20
-
<option select value=<%=I%>.gif>Avatar<%=I%></option> // แสดงค่าของตัวเลือกแรก
<% ถัดไป %> // รายการถัดไป
</เลือก>