Warum ist das nicht. Change -Event in JQuery?

StackOverflow https://stackoverflow.com/questions/2202898

  •  18-09-2019
  •  | 
  •  

Frage 

<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>

Keine JavaScript -Fehler pro Firebug ...

War es hilfreich?

Lösung

Ihre Dokument.Ready -Anweisung ist falsch. Sollte sein:

$(document).ready(function() { 

    ...

});

Andere Tipps

Sie schrieben

$document.ready(function() {

Sollte aber stattdessen das sein:

$(document).ready(function() {

Versuchen Sie es stattdessen:

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

Verwenden Sie auch am besten noch Skript -Tags wie diesen:

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

Weitere Informationen finden Sie in dieser Frage: Warum funktionieren keine Skript-Tags selbst, die sich selbst kleben?

sollte einfach sein

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

$document ist kein gültiger Verweis auf ein JQuery -Objekt, versuchen Sie es

$(document)

Beachten Sie die Klammern

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top