jQuery erhält Wert von select onChange

Question

Ich hatte den Eindruck, dass ich den Wert eines Select-Eingangs folgendermaßen ermitteln kann $(this).val(); und die Anwendung der onchange an das Auswahlfeld.

Es scheint, dass es nur funktioniert, wenn ich die ID referenziere.

Wie kann ich dies tun?

Answer 1

Versuchen Sie das.

$('select').on('change', function() {
  alert( this.value );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

Sie können auch mit onchange event- referenzieren.

function getval(sel)
{
    alert(sel.value);
}

<select onchange="getval(this);">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

Answer 2

Das ist für mich hilfreich.

Für wählen:

$('select_tags').on('change', function() {
    alert( $(this).find(":selected").val() );
});

Für Radio/Checkbox:

$('radio_tags').on('change', function() {
    alert( $(this).find(":checked").val() );
});

Answer 3

Ich war der Meinung, dass Eingabe erhalten könnte, indem ich dies $(this).val() tue;

Dies funktioniert, wenn Sie sich unauffällig anmelden (was die empfohlene Vorgehensweise ist):

$('#id_of_field').change(function() {
    // $(this).val() will work here
});

wenn Sie onselect und Markup mit Skript mischen, müssen Sie einen Verweis auf das aktuelle Element übergeben:

onselect="foo(this);"

und dann:

function foo(element) {
    // $(element).val() will give you what you are looking for
}

Answer 4

$('#select-id').change(function() {
    console.log($(this).val());
});

Answer 5

$('#select_id').on('change', function()
{
    alert(this.value); //or alert($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id="select_id">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>