onchange input value trigger select option change not working

Question

jQuery(document).ready(function() {
  jQuery("#delivery_date").change(function(){
    jQuery("#shipping_method_0").trigger('change');
  });
});

If a user clicks on the input, the Select option automatically refreshes.

automatically refreshes What does this mean? Please share a working snippet using <> demonstrating your attempt and issue. — gurvinder372
– gurvinder372, Commented Dec 29, 2017 at 13:39
above code working properly in desktop, if u check in mobile code not working. — Saurabh Kapoor
– Saurabh Kapoor, Commented Dec 29, 2017 at 13:40

Ankit Agarwal · Accepted Answer · 2017-12-29 13:44:38Z

1

I had same issue on mobile and the below convention solved it.

jQuery(document).ready(function() {
  jQuery("#delivery_date").on('change', function(){
    jQuery("#shipping_method_0").trigger('change');
  });
});

and for change event in shipping_method_0 follow the same structure.

jQuery("#shipping_method_0").on('change', function(){
    //code goes here
});

answered Dec 29, 2017 at 13:44

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

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

1 Comment

This has exact same behaviour than OP's posted code api.jquery.com/change/#entry-longdesc