2010-02-04 98 views
0
<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錯誤...爲什麼jQuery中沒有這個.change事件觸發?

回答

4

您的document.ready語句不正確。應該是:

$(document).ready(function() { 

    ... 

}); 
+0

oh/facepalm謝謝:) – BigOmega 2010-02-04 20:28:33

+0

雖然其他兩個答案都是正確的,但這其中一個實際上回答了這個問題。 – offner 2010-02-04 20:29:25

+0

是的額外眼睛總是幫助... – 2010-02-04 20:30:25

0

試試這個:

$(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?

+0

Crockford建議不要提供「type」屬性。 – Pointy 2010-02-04 20:28:00

+0

@Pointy - 誰?這是一個必需的屬性:http://www.w3.org/TR/REC-html40/interact/scripts.html#h-18.2.1 – 2010-02-04 20:31:15

+0

Douglas Crockford - http://javascript.crockford.com/script.html – Pointy 2010-02-04 20:40:14

0

應ju st是

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

$document不是一個jQuery對象的有效參考,嘗試

$(document) 

注意括號

1

你寫

$document.ready(function() { 

但應該是這樣的,而不是:

$(document).ready(function() { 
相關問題