ドロップダウン メニューのオプションにパスを直接割り当て、asp ループを使用して静的メソッドを出力します。次のコードを <body>~</body> にコピーします。
プログラムコード
<table cellpadding=2 width=226 cellpacing=2 border=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 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>
</選択>
</td>
<td width=69>-->静的</td>
</tr>
</テーブル>
ASP 配列メソッド: 次のコードを <body>~</body> にコピーします。
プログラムコード
<table cellpadding=2 width=241 cellpacing=2 border=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 width=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 > アバター 1 </option> // ドロップダウン メニューのオプションにパスを直接割り当てます
<option value=2.gif > アバター 2 </option>
...
</選択>
-------------------------------------------------- ----------------------------------
ASP 配列定義メソッドでは次のようになります。
プログラムコード
<選択....>
<% dim i // 配列 i を定義します
for i=1 to 20 // i の値を 1 ～ 20 に定義します
%>
<option select value=<%=I%>.gif>Avatar<%=I%></option> // 最初のオプションの値を表示します
<% next %> // 次の項目
</選択>