Question

i have a bunch of text fields that i want to run a function when onkeyup is done. They will all run the same function so is there a way i can just do that on one line instead of this:

$('#element1').keyup(function(){getData()});
$('#element2').keyup(function(){getData()});

Also, if i can do that, how can i throw and onchange in there for a dropdown? Thanks all!!

Answer 1

You can use commas to separate elements:

$("#element1, #element2").keyup(getData);

But how about using classes instead of listing all IDs:

<!-- HTML -->
<input id="element1" class="element" />
<input id="element2" class="element" />

// JavaScript
$(".element").keyup(getData);