jQuery load function not working on binding

Question

I bind "load" and "change" in jQuery code. My goal is: disable some field based on logic when page load.

jQuery( document ).ready(function() {

    //Question 34.1
    jQuery('select#fever').bind('load change', function () {
        var drug_reaction = jQuery(this).val();
        if(drug_reaction== 1){            
            jQuery('input#fever_days').attr('disabled',false); 
            jQuery('select#character_of_fever').attr('disabled',false);     
            jQuery('select#evening_raise_of_temparature').attr('disabled',false);
            jQuery('select#night_sweats').attr('disabled',false);       
        }else{
            jQuery('input#fever_days').val("");
            jQuery('input#fever_days').attr('disabled',true); 

            jQuery('select#character_of_fever').val("");
            jQuery('select#character_of_fever').attr('disabled',true); 

            jQuery('select#evening_raise_of_temparature').val("");
            jQuery('select#evening_raise_of_temparature').attr('disabled',true); 

            jQuery('select#night_sweats').val("");
            jQuery('select#night_sweats').attr('disabled',true);       
        }
    });
 });

When I change fever dropdown , its working. But when page load, I fetch data from Database and this code not working:

var drug_reaction = jQuery(this).val();
        if(drug_reaction== 1){            
            jQuery('input#fever_days').attr('disabled',false); 
            jQuery('select#character_of_fever').attr('disabled',false);     
            jQuery('select#evening_raise_of_temparature').attr('disabled',false);
            jQuery('select#night_sweats').attr('disabled',false);       
        }else{
            jQuery('input#fever_days').val("");
            jQuery('input#fever_days').attr('disabled',true); 

            jQuery('select#character_of_fever').val("");
            jQuery('select#character_of_fever').attr('disabled',true); 

            jQuery('select#evening_raise_of_temparature').val("");
            jQuery('select#evening_raise_of_temparature').attr('disabled',true); 

            jQuery('select#night_sweats').val("");
            jQuery('select#night_sweats').attr('disabled',true);       
        }

Quentin · Accepted Answer · 2019-03-14 09:51:17Z

1

load events fire on elements which load data from a URL (e.g. the whole page, img elements and iframe elements).

A select element doesn't load external data, and nor do any of its descendants. There is no load event.

Even if there was, it would have already loaded by the time the ready event fires.

Trigger the change event as part of your ready event handler instead.

jQuery('select#fever')
    .bind('change', function () { ... })
    .trigger("change");

answered Mar 14, 2019 at 9:51

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Collectives™ on Stack Overflow

jQuery load function not working on binding

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