Wert der ausgewählten Option sofort erhalten jquery

Question

Ich habe ein einfaches Dropdown und möchte den spezifischen Wert einer Option erhalten, wenn der Benutzer die Dropdown-Auswahl ändert, aber ohne ihn eine Schaltfläche senden zu drücken. Ist das mit jQuery möglich?

Hier ist, was ich bisher habe:

<form action='select.htm'> 
    <select id='BezirksAuswahl'> 
    <option value='Alle'>Alle Eintr&auml;ge</option> 
    <option value='Charlottenburg-Wilmersdorf'>Charlottenburg-Wilmersdorf</option> 
    <option value='Reinickendorf'>Reinickendorf</option> 
    </select> 
    </form> 

und hier das Drehbuch:

$('#BezirksAuswahl').click(function(){ 
    $('#BezirksAuswahl option:selected').each(function(){ 
     alert($(this).val()); 
    }); 
}); 

Vielen Dank für Ihre Hilfe und ich freue mich auf Ihre Antworten.

Answer 1

Verwenden Sie das change Ereignis, das ausgelöst wird, wenn der Wert des Elements ändert, etwa so:

$('#BezirksAuswahl').change(function(e){ 
    alert(this.value); 
}); 

Answer 2

$('#BezirksAuswahl').change(function(){ 
     alert($(this).val()); 
}); 

Answer 3

seine sehr einfach .. versuchen, diese

$('#BezirksAuswahl').change(function(){ 
     var selected_value = $(this).val(); 
}); 

Answer 4

Überprüfen Sie Ihre JQuery umfassen , Sie dürfen Jquery nicht korrekt einbeziehen. Auf welche Version verweisen Sie?

Stellen Sie sicher, Sie Ihr Skript ausgeführt werden, wenn JQuery geladen wird:

$(document).ready(function() { 
    $('#BezirksAuswahl').change(function(e){ 
    alert(this.value); 
    }); 
});