87,996
社区成员
发帖
与我相关
我的任务
分享如何让select选择时马上显示相应内容
我有一个用户注册表单 里面有很多头像让用户自己选择(像QQ注册时一样)
如：
<option name=select value=001>oo1</option>
<option name=select value=002>oo2</option>
...
...
如何让用户在选择的同时就是右边显示相应的图片？
函数如何写？
如：
<option name=select value=001>oo1</option>
<option name=select value=002>oo2</option>
...
...
如何让用户在选择的同时就是右边显示相应的图片？
函数如何写？
...全文
请发表友善的回复…
发表回复
zhangjun 2002-05-31
- 打赏
- 举报
<html>
<body>
<table cellpadding="2" width="226" cellspacing="2" border="0" >
<tr>
<td width="150" height="32">形象 <img id="face" src="<%=face%>" alt="个人形象代表"><span class="red">**</span></td>
<td height="32">
<select name="face" size="1" onChange="document.images['face'].src=options[selectedIndex].value;" style="BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM: 1px double; BORDER-LEFT: 1px double; BORDER-RIGHT: 1px double; BORDER-TOP: 1px double; COLOR: #000000">
<%
dim faceName,selected
for i=1 to 24
faceName = ""
faceName = "images/face/" & right("00" & i,2) & ".gif"
selected = ""
if faceName = face then selected = "selected"
%>
<option value="<%=faceName%>" <%=selected%>>Image<%=i%></option>
<%
next
%>
</select>
</td>
</tr>
</table>
</body>
</html>
<body>
<table cellpadding="2" width="226" cellspacing="2" border="0" >
<tr>
<td width="150" height="32">形象 <img id="face" src="<%=face%>" alt="个人形象代表"><span class="red">**</span></td>
<td height="32">
<select name="face" size="1" onChange="document.images['face'].src=options[selectedIndex].value;" style="BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM: 1px double; BORDER-LEFT: 1px double; BORDER-RIGHT: 1px double; BORDER-TOP: 1px double; COLOR: #000000">
<%
dim faceName,selected
for i=1 to 24
faceName = ""
faceName = "images/face/" & right("00" & i,2) & ".gif"
selected = ""
if faceName = face then selected = "selected"
%>
<option value="<%=faceName%>" <%=selected%>>Image<%=i%></option>
<%
next
%>
</select>
</td>
</tr>
</table>
</body>
</html>
flylyke 2002-05-31
- 打赏
- 举报
就是当onChange时,把图片的连接改为当前option的值
eagle_gui 2002-05-30
- 打赏
- 举报
楼上的，多谢了，这个语法是什么意思？
onChange="document.images['idface'].src=options[selectedIndex].value;">
onChange="document.images['idface'].src=options[selectedIndex].value;">
possible_Y 2002-05-30
- 打赏
- 举报
<select name="select7" size="1" onChange="document.images['face'].src=options[selectedIndex].value;">
<option selected value="image/face/1.bmp">男孩1
<option selected value="image/face/1.bmp">男孩2
<option selected value="image/face/1.bmp">男孩3
</select>
<img id=face src="image/face/1.bmp" alt=个人形象代表>
<option selected value="image/face/1.bmp">男孩1
<option selected value="image/face/1.bmp">男孩2
<option selected value="image/face/1.bmp">男孩3
</select>
<img id=face src="image/face/1.bmp" alt=个人形象代表>
flylyke 2002-05-30
- 打赏
- 举报
<html>
<body>
<table cellpadding="2" width="226" cellspacing="2" border="0" >
<tr>
<td width="32" align="right"><img id=idface src="../../../free/guestbook/images/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=/free/guestbook/images/1.gif selected>头像1</option>
<option value=/free/guestbook/images/2.gif select>头像2</option>
</select>
</td>
<td width="69">--> 静态</td>
</tr>
</table>
</body>
</html>
<body>
<table cellpadding="2" width="226" cellspacing="2" border="0" >
<tr>
<td width="32" align="right"><img id=idface src="../../../free/guestbook/images/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=/free/guestbook/images/1.gif selected>头像1</option>
<option value=/free/guestbook/images/2.gif select>头像2</option>
</select>
</td>
<td width="69">--> 静态</td>
</tr>
</table>
</body>
</html>
