Langsung tetapkan jalur ke opsi di menu tarik-turun, dan gunakan loop asp untuk menampilkan metode statis: salin kode berikut ke <body>~</body>
kode program
<tabel cellpadding=2 lebar=226 spasi sel=2 batas=0 >
<tr>
<td lebar=32 align=kanan><img id=idface src=..../../../bbs/images/icon/1.gif /><td lebar=30 ><font class=cha2> Avatar</font></td>
<td lebar=69>
<pilih kelas=editbox1 onChange=document.images['idface'].src=options[selectedIndex].value;>
<nilai opsi=../../../bbs/images/icon/1.gif dipilih>Avatar 1</option>
<nilai opsi=../../../bbs/images/icon/2.gif pilih>Avatar 2</option>
<nilai opsi=../../../bbs/images/icon/3.gif pilih>Avatar 3</option>
<nilai opsi=../../../bbs/images/icon/4.gif pilih>Avatar 4</option>
<nilai opsi=../../../bbs/images/icon/5.gif pilih>Avatar 5</option>
<nilai opsi=../../../bbs/images/icon/6.gif pilih>Avatar 6</option>
<nilai opsi=../../../bbs/images/icon/7.gif pilih>Avatar 7</option>
<nilai opsi=../../../bbs/images/icon/8.gif pilih>Avatar 8</option>
<nilai opsi=../../../bbs/images/icon/9.gif pilih>Avatar 9</option>
<nilai opsi=../../../bbs/images/icon/10.gif pilih>Avatar 10</option>
<nilai opsi=../../../bbs/images/icon/11.gif pilih>Avatar 11</option>
<nilai opsi=../../../bbs/images/icon/12.gif pilih>Avatar 12</option>
<nilai opsi=../../../bbs/images/icon/13.gif pilih>Avatar 13</option>
<nilai opsi=../../../bbs/images/icon/14.gif pilih>Avatar 14</option>
<nilai opsi=../../../bbs/images/icon/15.gif pilih>Avatar 15</option>
<nilai opsi=../../../bbs/images/icon/16.gif pilih>Avatar 16</option>
<nilai opsi=../../../bbs/images/icon/17.gif pilih>Avatar 17</option>
<nilai opsi=../../../bbs/images/icon/18.gif pilih>Avatar 18</option>
<nilai opsi=../../../bbs/images/icon/19.gif pilih>Avatar 19</option>
<nilai opsi=../../../bbs/images/icon/20.gif pilih>Avatar 20</option>
</pilih>
</td>
<td width=69>-->statis</td>
</tr>
</tabel>
Metode array ASP: Salin kode berikut ke <body>~</body>
kode program
<tabel cellpadding=2 lebar=241 spasi sel=2 batas=0 >
<tr>
<td lebar=32 align=kanan><img id=idface1 src=..../../../bbs/images/icon/1.gif /><td lebar=30 ><font class=cha2> Avatar</font></td>
<td lebar=62>
<pilih onChange=document.images['idface1'].src=options[selectedIndex].value class=editbox1 >
<%
redupkan aku
untuk i=1 sampai 20
%>
<opsi pilih value=../../../bbs/images/icon/<%=I%>.gif>Avatar<%=I%></option>
<%
Berikutnya
%>
</pilih>
</td>
<td lebar=91> --> Array ASP</td>
</tr>
</tabel>
Poin umum:
1. <img id=idface src=1.gif> // Nomor ID harus ditetapkan ke gambar default.
2. <select onChange=document.images['idface'].src=options[selectedIndex].value;> // Lalu panggil ID ini di menu drop-down
...
</pilih>
Perbedaan:
Dalam metode produksi statis:
kode program
<pilih......>
<option value=1.gif > Avatar 1 </option> // Tetapkan langsung jalur ke opsi di menu drop-down
<nilai opsi=2.gif > Avatar 2 </option>
...
</pilih>
--------------------------------------------------- -----------------------------------
Dalam metode definisi array ASP:
kode program
<pilih......>
<% dim i // tentukan array i
untuk i=1 hingga 20 // Tentukan nilai i menjadi 1~20
%>
<option select value=<%=I%>.gif>Avatar<%=I%></option> // Menampilkan nilai opsi pertama
<% berikutnya %> // item berikutnya
</pilih>