Javascript 使用select更改img src

我正在使用select表单浏览页面

<form name="form">
  <select name="menu1"  onChange="MM_jumpMenu('parent',this,1)">
<option value="#" selected>SELECT</option> 
<option value="#a">location A</option>
<option value="#b">location B</option> 
</form>

挑选
地点A
地点B

我希望select表单具有更改图像src的附加功能。 比如：

<option value="#a; imagea.src='a2.jpg">location A</option>

位置A

---

谢谢。

您需要修改MM_jumpMenu功能。请发布该函数的源代码。

MM\u jumpMenu是Dreamweaver函数。你可能不想去那里。除此之外，将一堆东西聚集在value属性中也很糟糕。改为做类似的事情--

挑选
地点A
地点B
updateImage=函数（imageId，选择）{
变量图像={
a:‘img/a.gif’，
b:'img/b.gif'
}
var key=select.value.substr（1）；
if（图像类型[键]！=‘未定义’）{
document.getElementById（imageId）.src=images[key]；
}
};

MM_jumpMenu（）

可能是Macromedia的一个巨大的整体。修改它即使不是不可能，也是困难的。另一个问题是

MM_jumpMenu（）

似乎依赖于

值作为锚定。在
值
属性中引入附加信息后，
MM\u jumpMenu（）
可能会停止工作

考虑到所有这些，我建议劫持
标签上的另一个属性并编写自己的新函数：

<form name="form">
    <select name="menu1"
        onchange="MM_jumpMenu('parent',this,1);changeImageSrc(this);">
    <option value="#" selected>SELECT</option> 
    <option id="a2" value="#a">location A</option>
    <option id="b2" value="#b">location B</option> 
</form>
<script type="text/javascript">
function changeImageSrc(sel) {
    var opt = sel.options[sel.selectedIndex];
    if (opt.id) {
        var img = document.getElementById('yourImageId');
        img.src = opt.id + '.jpg';
    }        
}
</script>


挑选
地点A
地点B
函数更改图像SRC（sel）{
var opt=sel.options[sel.selectedIndex]；
如果（选择id）{
var img=document.getElementById（'yourImageId'）；
img.src=opt.id+'.jpg'；
}        
}
谢谢：谢谢。。。我很初级。值“a”和“b”实际上是我试图交换的图像的名称。没有需要交换的额外“我的图像”。我正在导航到“a”和“b”并交换图像。该功能可以根据您的用例进行修改，但您能否详细介绍一下预期的功能？也许你可以把一个赤裸裸的演示页面放到网上？我更喜欢格兰特的解决方案。但是我认为
class
是比
id
更好的属性。我不知道在哪里插入图像名称。有人想要40美元的paypal来编程实现这个功能吗？只是…3个样本图像。选择表单将转到3个图像中的一个，并同时更改它。请与我联系，如果在小项目感兴趣。我是这个论坛的新手。我希望这个过程是合乎犹太规范的。谢谢亚历克斯illustrator@nosepilot.com@乔希：真有趣。我更喜欢你的解决方案。但是你是对的，
class
可能是比
id
更好的属性。
<form name="form">
    <select name="menu1"
        onchange="MM_jumpMenu('parent',this,1);changeImageSrc(this);">
    <option value="#" selected>SELECT</option> 
    <option id="a2" value="#a">location A</option>
    <option id="b2" value="#b">location B</option> 
</form>
<script type="text/javascript">
function changeImageSrc(sel) {
    var opt = sel.options[sel.selectedIndex];
    if (opt.id) {
        var img = document.getElementById('yourImageId');
        img.src = opt.id + '.jpg';
    }        
}
</script>