jquery .val() not working on 'input' event?

Question

i have the following piece of code:

  var search_input = $('#dynatable-search-');
  search_input.on('input', function() {
    console.log('input change detected', search_input.val(), 'and', this.value);
    dynatable.data('dynatable').queries.runSearch(search_input.val());
  });

I would like the search_input to fire runSearch whenever the text inside the input changes. However, I am not having any luck as this is what I am seeing right now:

input change detected and undefined

I don't know why search_input.val() and this.value are both null even though I can see clearly that I am typing something into the input.

use as `console.log('input change detected', $(this).val(), 'and'); — Amit
– Amit, Commented Apr 9, 2014 at 7:07
Should work fine, the input event catches any change, as in key* and change etc.. — adeneo
– adeneo, Commented Apr 9, 2014 at 7:20

Bhojendra Rauniyar · Accepted Answer · 2014-04-09 07:15:35Z

1

Use change method instead of input:

var search_input = $('#dynatable-search-');
  search_input.on('change', function() {
    console.log('input change detected', search_input.val(), 'and', this.value);
    dynatable.data('dynatable').queries.runSearch(search_input.val());
  });

edited Apr 9, 2014 at 7:15

answered Apr 9, 2014 at 7:10

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery .val() not working on 'input' event?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related