jQuery get value of select onChange

jquery, select

Solution

Try this-

$('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>

You can also reference with onchange event-

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

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

Problem

I was under the impression that I could get the value of a select input by doing this `$(this).val();` and applying the `onchange` parameter to the select field. It would appear it only works if I reference the ID. How do I do it using this.

Original source