javascript - 根据asp:DropDownList选择更改图像源

我希望能够根据下拉框中选择的内容来更改图像...

我有此JS代码来更改图像。当然简化了。

<script type="text/javascript">
        function changeImage()
        {
            var oDDL = document.all("ddlNAME");
            var NAME= oDDL.options[oDDL.selectedIndex].text;

            switch(NAME)
            {
                case "Name":
                    document.getElementById("img").src="img1.png";
                    break;
                case "Name2":
                    document.getElementById("img").src="img2.png";
                    break;
                default:
                    document.getElementById("img").src="img3.png";
            }
        }
    </script>

当我调用此函数时，将在我的DDL实现中进行。

<asp:DropDownList ID="ddlNAME" runat="server" OnTextChanged="changeImage()" >

但是由于某种原因，changeImage()没有触发。这给我一个错误的说法

'changeImage' is not a member of 'ASP.default_aspx'

我知道这是一个菜鸟问题，而且有点小...但这是我每天使用javascript的第一天，所以请多多包涵。谢谢!

最佳答案

似乎您已告诉它运行服务器端事件，因此它正在尝试在ASPX脚本中查找一个名为changeImage()的函数。

您需要它来运行Javascript事件客户端。请改用onChanged()事件。

<asp:DropDownList ID="ddlNAME" runat="server" onChanged="changeImage();" >