I'm trying to listen to the change event of multiple input elements of different types at the same time.

This does not work:

$(function(){
  $(".update_search").change( function() {
    alert("do some");
  });
});

<input class="update_search" id="car_type_ids_" name="car_type_ids[]" type="checkbox" value="1">
<select id="size" name="search[size]">
  <option value="1">1</option>
  <option selected="selected" value="2">2</option>
</select>

The select and input tags are working fine, though I'm only receiving the change events on the check box.

EDIT: I'm calling jQuery after the DOM was rendered. Thus all events should bee bound.

I'm trying to listen to the change event of multiple input elements of different types at the same time.

This does not work:

$(function(){
  $(".update_search").change( function() {
    alert("do some");
  });
});

<input class="update_search" id="car_type_ids_" name="car_type_ids[]" type="checkbox" value="1">
<select id="size" name="search[size]">
  <option value="1">1</option>
  <option selected="selected" value="2">2</option>
</select>

The select and input tags are working fine, though I'm only receiving the change events on the check box.

EDIT: I'm calling jQuery after the DOM was rendered. Thus all events should bee bound.

• javascript
• jquery
• jquery-events

• are you include jQuery library? – Pranav C Balan Commented Mar 1, 2014 at 9:04
• Could you post rendered HTML instead?! Aren't you binding event before all elements are available in the DOM? – A. Wolff Commented Mar 1, 2014 at 9:04
• Alright, wait a second. – Sebastian Commented Mar 1, 2014 at 9:07
• Some input controls only fire a change event when the focus moves away from the element. – jfriend00 Commented Mar 1, 2014 at 9:09
• Thanks, jfriend00, I'll try that out – Sebastian Commented Mar 1, 2014 at 9:10

1 Answer 1

try this..

$(function () {
       $("#car_type_ids_,#size").change(function () {
           alert("do some");
       });
   });

Or you can do this as...

<input class="update_search" id="car_type_ids_" name="car_type_ids[]" type="checkbox" value="1">
<select id="size" name="search[size]" class="update_search">
  <option value="1">1</option>
  <option selected="selected" value="2">2</option>
</select>



$(function () {
       $(".update_search").change(function () {
           alert("do some");
       });
   });