JQuery Onchange事件不起作用

时间:2012-04-16 12:44:07

标签: jquery select onchange

我很困惑。试图学习和练习一些基本的JQuery并且悲惨地失败。 onchange事件不起作用。任何想法为什么这个看似简单的事情都不会解雇?当我查看chrome dev工具时,Jquery参考就在那里。感谢帮助。

<html>
<head>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type='javascript'>
        $(document).ready(function(){
            $("#groups").change(function(){
                alert("hi");
            });
        });
    </script>
</head>

<body>


   <form id="select_form">
        Select Group to Review:<br />
        <select id="groups" class ="groups">
            <option value="0">Select Group</option><option value="1">GoTeam</option>            </select>
        <br /><br />
            <input type="submit" value="confirm" />
        </form>
    <div id="result"></div>
</body>
</html>

1 个答案:

答案 0 :(得分:3)

它不喜欢你的脚本类型。请改用以下内容:

<script type='text/javascript'>

或者将其放在一个特殊文件中。

在此处查看失败:http://jsfiddle.net/uajDB/1/

然后在这里工作http://jsfiddle.net/uajDB/