Question

I have code:

<div id="displayData_length" class="dataTables_length">
  <label>
     Show <select name="displayData_length" size="1" aria-controls="displayData">
             <option value="10" selected="selected">10</option>
             <option value="25">25</option>
             <option value="50">50</option>
             <option value="100">100</option>
           </select>
  </label>
</div>

When I select option I want use alert() and display value. My code:

$(document).ready(function() {
    $('select[name=displayData_length]').bind('change', function(event) {
            alert(this.val());
        });
 });

But is not good, what is wrong?

Answer 1

Should be like this:

$('select[name=displayData_length]').bind('change', function(event) {
    alert($(this).val());
});

In jQuery event handlers, this always points to DOM element, not wrapped with jQuery.