0

我有一个脚本，它应该根据 HTML 下拉框中的选择来切换图像。

这是HTML：

<form>
<select onChange="changeMap(this.value);">
<option value="clIP">Century Link - IP</option>
<option value="clND">Century Link - National Data</option>
<option value="elDF">Earth Link - Data Fiber</option>
<option value="elDSL">Earth Link - DSL</option>
<option value="l3">Level 3</option>
<option value="ws">Windstream</option>
<option value="xoBB">XO - BB</option>
<option value="xoFVOIP">XO - Flex VOIP</option>
<option value="xoIP">XO - IP</option>
</select>
</form>

<img src="imageurl" id="map" />

这是相关的JavaScript：

var maps=new Array();

maps[0]="imageurl";
maps[1]="imageurl";
maps[2]="imageurl";
maps[3]="imageurl";
maps[4]="imageurl";
maps[5]="imageurl";
maps[6]="imageurl";
maps[7]="imageurl";
maps[8]="imageurl";

function changeMap(inobj) {

switch (inobj) {

case "clIP":
    document.getElementByID("map").src=maps[0];
    break;

case "clND":
    document.getElementByID("map").src=maps[1];
    break;

case "elDF":
    document.getElementByID("map").src=maps[2];
    break;

case "elDSL":
    document.getElementByID("map").src=maps[3];
    break;

case "l3":
    document.getElementByID("map").src=maps[4];
    break;

case "ws":
    document.getElementByID("map").src=maps[5];
    break;

case "xoBB":
    document.getElementByID("map").src=maps[6];
    break;

case "xoFOIP"
    document.getElementByID("map").src=maps[7];
    break;

case "xoIP"
    document.getElementByID("map").src=maps[8];
    break;

default:
    document.write('Please select a map from the menu.');
    break;
}

所以我有一些非常基本的 HTML 和一个下拉菜单，用户可以从中选择一个地图。我使用 JavaScript 根据选择器的值将图像 src 更改为数组的值。对我来说，这段代码看起来不错，但根本不起作用。菜单在选择时没有任何作用。我在这里想念什么？

4

1 回答 1

0

我不知道你为什么会遇到这个问题 - 我做了一个简单的测试，并且在我可用的所有浏览器（最新的 Chrome、FF 和 IE）中都能完美运行：

<html>
    <head>
        <title>test 12010414</title>
        <script type="text/javascript">
function switchImg(){
    var nextImg = "http://sarahhorth.com/wp-content/themes/thesis_16/custom-sample/rotator/sample-4.jpg",
        testImg = document.getElementById("testimg");
    if(testImg){
        testImg.src = nextImg;
    }
}
        </script>
    </head>
    <body>
        <img id="testimg" src="http://whitenoisecd.org/wp-content/themes/thesis/rotator/sample-1.jpg" onclick="switchImg()"/>
    </body>
</html>
于 2012-08-17T17:54:33.230 回答