document.body on change/select on change not firing, no errors — jquery 1.3.1

Question

I am limited to using jquery 1.3.1 for this project, so can't update jquery. I am trying to get one select field to disable another select field on change.

I have tried this:

$(document.body).on('change','#idoffirstselect',function(){
    var selected = $("#idoffirstselect").val();
    if (selected == "foo") {
      $("#selecttwo").attr('disabled','disabled');
    } else {
      $("#selecttwo").removeAttr('disabled');
    }  
 });

And this:

$( "#idoffirstselect" ).change(function(){
  var selected = $("#idoffirstselect").val();
  if (selected == "foo") {
    $("#selecttwo").attr('disabled','disabled');
  } else {
    $("#selecttwo").removeAttr('disabled');
  }  
});

Any suggestions? Is there anything else I could try? Firebug is not showing any errors.

Answer 1

Since on is not available in version before 1.7 , try to use live() here:

$(function() {
    $('select').live('change', function(){
        var selected = $("#idoffirstselect").val();
        if (selected == "foo") {
            $("#selecttwo").attr('disabled','disabled');
        } else {
            $("#selecttwo").removeAttr('disabled');
        }  
    });
});