Erhalte den Wert der ausgewählten "Auswahlbox" mit Jquery

Question

Mit mehr als einer Auswahlbox im Formular, Wie kann ich den Wert der ausgewählten ohne die Verwendung von IDs erhalten?

Der folgende Code gibt immer den Wert der ersten ausgewählten Box zurück.

$('form[name=test]').on('change', function() { 
    alert("Value: " + $('select').val()); 
}); 

Answer 1

Try this: Sie können Änderungsereignishandler für alle Auswahlbox mit select jquery Tag-Selektor und verwenden this (das ist nichts anderes als die Auswahlbox Instanz, auf dem Änderungsereignis auftritt) binden die lesen geänderter Wert

$('select').on('change', function() { 
    alert("Value: " + $(this).val()); 
}); 

Answer 2

Sie verwenden:

$("form[name=test] option:selected").val(); 

Answer 3

1. auf die Änderung Ereignis registrieren alle wählen (nicht die Form)
2. Verwendung dieses Schlüsselwort, um die eine, die ausgelöst das Ereignis

versuchen dieses

$('select').on('change', function() { 
    alert("Value: " + $(this).val()); 
}); 

Answer 4

event Das Argument wird an die Callback-Funktion übergeben und das currentTarget Attribut für das Ereignis ist das Element, das das Ereignis bei arbeitet;

$('select').on('change', (e) => { 
    console.log($(e.currentTarget).val()); 
});