JQuery get value of select onChange


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.

Best 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>

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

You can also reference with onchange event-

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