Javascript 从一个下拉菜单显示多个图像

我试图用不同的图像同时更改多个图像。 perl正在为我更改图像的路径

function swapImage(){
var image = document.getElementById("imageToSwap");
var image2 = document.getElementById("imageToSwap2");
var image3 = document.getElementById("imageToSwap3");
var dropd = document.getElementById("dd");
image.src = dropd.value;    
    image2.src=arr[dropd.value];
    image3.src=arr[dropd.value];

})

但是紫色
但是红色
但是绿色

由于您的图像都在同一文件夹中，您可以将该文件夹用作

的

值。这使得更改所有图像变得非常简单

HTML:

.
您的问题是什么？我试图从下拉菜单中同时显示多个图像。我一次只能从两个图像中更改一个图像。有没有一种方法可以同时从一个菜单中更改两个单独的图像？请使用真实数据进行构建。Perl代码中的这段字符串根本没有帮助，因为我们不知道
$options
是什么。我仍然不确定你想做什么。所以没有BBCode。你可以回答你的问题。使用降价而不是BBCode。这是如此接近，但文件夹确实从更改，但使用相同的图像名称。每个文件夹中都有相同的图片名称，但颜色不同的gif文件。所以我试着用相同的文件名切换文件夹，它会改变gif文件的颜色。我不明白。你能用更少的词用更多的句子来表达吗POK这里是我正在做的一个截图，下拉列表中有文件夹名称和文件所在的位置，让我回顾一下我所了解的内容。
select
有一个文件夹名称列表。在服务器上，每个文件夹都有一组同名的图像。当您更改
选择时，它会更改
img
es的
src
属性。这就是我的示例所做的。$opts
  <select name="buttonstuff"  id="dd" onChange="swapImage()">
              <option value="http://upperboards.com/hosted/images/buttonset/but-lpurple/homepage.gif" selected>but-purple</option>
              <option value="http://upperboards.com/hosted/images/buttonset/but-red/homepage.gif">but-red</option>
               <option value="http://upperboards.com/hosted/images/buttonset/but-green/homepage.gif">but-green</option>
               </select>
               <img id="imageToSwap" src="http://upperboards.com/hosted/images/buttonset/but-lpurple/homepage.gif"/>
               <img id="imageToSwap2" src="http://upperboards.com/hosted/images/buttonset/but-lpurple/icq.gif"/>
               <img id="imageToSwap3" src="http://upperboards.com/hosted/images/buttonset/but-lpurple/aim.gif"/>

<select name="buttonstuff" id="dd" onChange="foo()">
    <option value="but-lpurple" selected>but-purple</option>
    <option value="but-red">but-red</option>
    <option value="but-green">but-green</option>
</select>

var url = 'http://upperboards.com/hosted/images/buttonset/';
function foo() {
    var colorscheme = document.getElementById("dd").value;
    document.getElementById("imageToSwap").src  = url + colorscheme + '/homepage.gif';
    document.getElementById("imageToSwap2").src = url + colorscheme + '/icq.gif';
    document.getElementById("imageToSwap3").src = url + colorscheme + '/aim.gif';
};