javascript下拉列表-无法添加链接

javascript dropdown - cannot add link

本文关键字：添加 链接 下拉列表 javascript      更新时间：2023-09-26

我创建了一个基本的下拉列表，它可以更改图像。我试图使每个图像链接到所需的链接，并更改相邻表格单元格中的文本，但我很难做到。以下是示例代码。

    <img src="http://www.khl.com/other_files/khl/dealer-locatot.gif" width="300"  border="0" usemap="#Map" longdesc="http://www.khl.com/other_files/khl/dealer-locatot.gif">
    <map name="Map">
        <area shape="rect" coords="8,11,127,88" href="http://www.scranet.org/" target="_blank" alt="SC&amp;RA">
    </map>
    <script language="JavaScript" type="text/javascript"> 
        ImgPath='http://www.vicsjavascripts.org.uk/StdImages/'; 
        ImgPreloadAry=new Array('One.gif','Two.gif','Three.gif','Four.gif'); 
        SRCAry=new Array(); 
        for (i=0;i<ImgPreloadAry.length;i++){ 
            SRCAry[i]=new Image(); 
            SRCAry[i].src=ImgPath+ImgPreloadAry[i]; 
        } 
        function Cng(sel){ 
            document.getElementById('img').src=ImgPath+sel.options[sel.selectedIndex].value; 
            document.getElementById('tbl').style.backgroundImage='url('+(ImgPath+sel.options[sel.selectedIndex].value)+')'; 
        } 
        //--> 
    </script> 
</head> 
<body> 
    <table width="300" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="149"><img src="http://www.khl.com/other_files/khl/dealer-locatot.gif" alt="" width="130" height="80" id=img></td>
            <td width="151">Related text goes here - along with link to pdf</td>
        </tr>
    </table>
    <p>
        <table width="149" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="149" align="left" valign="top">
                    <select name="Sel" size="1" onchange="Cng(this);" >
                        <option value="One.gif">Company 1</option>
                        <option value="Two.gif">Company 2</option>
                        <option value="Three.gif">Company 3</option>
                        <option value="Four.gif">Company 4</option>
                    </select>
                </td>
            </tr>
        </table>
    <p>

我看到的错误：

  1. 从未调用函数Cng
  2. 函数Cng在"img"上使用getElementById，它在DOM中有相应的id，但没有引号，因此可能不起作用，并且在DOM中没有看到"tbl"的id。id是每页唯一的，因此使用将是唯一的标识符对id来说要好得多
相关文章：