Question

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>System Toolbox</title>
    <script src="../../Scripts/jquery-1.3.2.js" type="text/javascript" />
    <script type="text/javascript">

        $document.ready(function() {

            $("#SearchFor").change(function() {
                    alert($(this).val());
            });
        });

    </script>
</head>
<body>
    <div>
        Search for: <select name="SearchFor" id="SearchFor">
            <option value="company">Company</option>
            <option value="user">User</option>
            <option value="bundle">Bundle</option>
            <option value="course">Course</option>
        </select>
        <div id="SearchType"></div>
    </div>
</body>
</html>

每个萤火虫没有javascript错误......

Answer 1

您的document.ready语句不正确。应该是：

$(document).ready(function() { 

    ...

});

Answer 2

你写了

$document.ready(function() {

但应该是这样：

$(document).ready(function() {

Answer 3

请改为尝试：

$(function() { //Shortcut for $(document).ready();
   $("#SearchFor").change(function() {
     alert($(this).val());
   });
});

另外，最好还是使用这样的脚本标签：

<script src="../../Scripts/jquery-1.3.2.js" type="text/javascript"></script>

有关详细信息，请参阅此问题：Why don’t self-closing script tags work?

Answer 4

应该只是

$(function() {
  $("#SearchFor").change(function() {
                alert($(this).val());
        });
    });

Answer 5

$document不是对jQuery对象的有效引用，请尝试

$(document)

注意括号

为什么这个.change事件不是在jQuery中触发？

5 个答案: