请看这个如何实现？ - 未名空间MITBBS历史存档

国际科技财经博客移民网络热点娱乐民生时事公众号

Redian新闻

>未名空间

>BuildingWeb - 网站建设

请看这个如何实现？

请看这个如何实现？# BuildingWeb - 网站建设

z*n2008-05-27 07:05

1 楼

各位大虾，想在个人主页建这么个东西。一个drop-down box, 可以选择Los Angeles
, Seattle, Portland, Las Vegas, Denver, etc. 然后旁边有个imager viewer，随
着选择不同的城市，不同的相片就会出现在imager viewer里。
如何实现呢？俺尝试这用drop-down box的onchange function, 可不知道如何连接到《
img>里？
俺不是搞电脑地，谢谢你们的帮助！

r*y2008-05-27 07:05

2 楼

选择全都固定的话，javascript就能做

Angeles

【在 z**********n 的大作中提到】

: 各位大虾，想在个人主页建这么个东西。一个drop-down box, 可以选择Los Angeles
: , Seattle, Portland, Las Vegas, Denver, etc. 然后旁边有个imager viewer，随
: 着选择不同的城市，不同的相片就会出现在imager viewer里。
: 如何实现呢？俺尝试这用drop-down box的onchange function, 可不知道如何连接到《
: img>里？
: 俺不是搞电脑地，谢谢你们的帮助！

z*n2008-05-27 07:05

3 楼

俺知道能做，可如何做？

r*y2008-05-27 07:05

4 楼

选中一个option，就call 一个function，把img的src改变一下即可。

【在 z**********n 的大作中提到】

: 俺知道能做，可如何做？

z*n2008-05-27 07:05

5 楼

好像就用onchange=" "便可，可不知道code?

【在 r****y 的大作中提到】

: 选中一个option，就call 一个function，把img的src改变一下即可。

e*x2008-05-27 07:05

6 楼

如果东西是固定的直接使用JavaScript,不固定的用AJAX
在onchange 里面调用函数修改IMG的src

Angeles

【在 z**********n 的大作中提到】

o*s2008-05-27 07:05

7 楼

发现这里的人都懒得给出全面的回答。还好俺赶上了，就不得不帮助同胞了。
Html code:

Javascript code:
function onChangeOption()
{
var select = document.getElementById("myselect");
var image = document.getElementById("myimage");
var selected = select.options[select.selectedIndex].value;
if(selected == "option1")
image.src = "/image/image1.gif

s*h2008-05-27 07:05

8 楼

haven't used dw to make dropdown menu...usually use css. You can google css
dropdown menu, or I can give you a file I usually use.
for "IE和firefox的行距好像不一样", use css to prevent it. mainly because IE
and firefox interprete margin and padding differently.