jquery reagiert nicht auf select/option change-Ereignis

Kann mir bitte jemand sagen, wo der Fehler ist, ich kann einfach nicht sehen, es.
'e1 verändert hat, sollte protokolliert werden, um die Konsole an, wenn die select-änderungen.

html:

<select name="e1" id="e1">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

js:

$('#e1').change(function() {
    console.log('e1 has changed');
});

jquery ist definitiv arbeiten, da ich bin erfolgreich "erste" server Daten für andere Elemente.

Der code sieht korrekt. Können Sie näher erläutern, was genau nicht funktioniert, oder vielleicht geben ein Anwendungsfall, wo dieser code nicht funktioniert?
Code ist richtig, problem ist nicht drin. Können Sie das etwas näher erklären?
Dein code funktioniert (verändert die Konsole.log eine Warnung das Leben leichter zu machen hier.) jsfiddle.net/NJskv

InformationsquelleAutor eriq | 2011-12-28

  1. 10

    Dieser code

    $('#e1').change(function() {
    console.log('e1 has changed');
});

    ist wahrscheinlich nicht in deinem document-ready-handler, und daher wird die Ausführung vor Ihrer dom-element e1 bereit ist. Sie können ein Dokument erstellen, das ready-handler, der ausgeführt wird, wenn Ihre dom-Elemente bereit, wie dies

    $(function() {
    $('#e1').change(function() {
        console.log('e1 has changed');
    });    
});
    +1 für die Erklärung der warum sollte es in einem Dokument ready-handler.

    InformationsquelleAutor Adam Rackis

  2. 1

    Funktioniert für mich. Hier ist das jsFiddle code -

    http://jsfiddle.net/CC5P6/

    $(document).ready(function() {
  $('#e1').change(function() {
    alert('e1 has changed');
  });
});
    Vielen Dank - Sie sind alle so natürlich Recht.

    InformationsquelleAutor Kris Krause

  3. 1

    Ich Sie nicht bereits getan haben, sollten Sie wickeln Sie Ihren code in das $(document).ready(:

     $(document).ready(function() {
    $('#e1').change(function() {
       console.log('e1 has changed');
    });
 });

    InformationsquelleAutor Cyclonecode

  4. 0

    Dies ist für mich arbeiten:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $(function() {
        $('#e1').change(function() {
            console.log('e1 has changed');
        });
    });
</script>

</head>
<body>
<select name="e1" id="e1">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
</body>
</html>

    Dokument.bereit ist hier der Schlüssel, wie andere haben darauf hingewiesen.

    InformationsquelleAutor Savino Sguera

  5. 0

    Wählen Sie für die Menüs, das change-Ereignis tritt auf, wenn eine option ausgewählt ist, indem Sie Tastatur-und Maustasten-events und NoScript effektiv nterferes.
    Für text-Felder oder Texte, die das change-Ereignis tritt auf, wenn das Feld den Fokus verliert.
    so können Sie nicht verwenden "change-Ereignis" direkt (ohne eine beliebige option, die durch Tastatur oder Maus)
    versuchen Sie, diese cod:

    <select name="subpos" id="subpos">
<option value="examplel">examplel</option>
<option value="sample">sample</option>
<option value="fortest">fortest</option>
</select>


<script>
    $(function() {
        $('#subpos').change(function() {
            console.log('subpos has changed');
        }); 
        $("#subpos").val('sample');//combo box has change but dont appear in console log. why?
   });
</script>

    after-run -; siehe Konsole
    Sie können nicht sehen 'subpos hat sich geändert' in der Konsole an . aber in Aktion ' - subpos verändert hat
    was ist passiert?
    seine protokolliert werden sollte, um die Konsole an, wenn die select-änderungen .
    nun durch Auswahl dieser option aus der drop-down können Sie sehen, cosole Protokoll ändern

    InformationsquelleAutor saeed arab sheybani

Schreibe einen Kommentar