Cannot get Value onChange

Trent Ellis

#263695

Hello

On this page, I have a filtering system:

http://igastaging.wpengine.com/recipes/test-page

I want to pickup the value selected from any of the dropdowns, and I have an onchange function in jQuery. If you open the Chrome Inspector -> Console, and try to change the first dropdown, the value shows. For example, Desserts.

However, subsequently, the onchange function does not fire. What I mean is, on the second time, and on any other dropdown, the onchange function will not fire once it gets a value.

Here is the jQuery:

` $(‘select[name =”_sfm_assigned_meal_type[]”]’).change(function() {
var val = this.value;
console.log(“_sfm_assigned_meal_type[]: ” +val);
});

$(‘select[name =”_sfm_assigned_dietary_requirements[]”]’).change(function() {
var val = this.value;
console.log(“_sfm_assigned_dietary_requirements[]: ” + val);
});

$(‘select[name =”_sfm_assigned_ingredients[]”]’).change(function() {
var val = this.value;
console.log(“_sfm_assigned_ingredients[]: ” + val);
});`

Please see image:

Add New Note to this Reply

Trevor Moderator

#263722

When the values are first selected, does anything else happen? I ma thinking that the JavaScript might no longer be applied – I am assuming that you applied the JS you showed on document ready?

For example, are the results re-loading using Ajax, and do you have Auto Count ON?

You may need to re-apply your JavaScript after our two events:

sf:ajaxfinish

and

sf:ajaxformfinish

The first fires after an Ajax refresh of the results, the second fires after Auto Count works on the form after a user interaction. The code looks like this:

<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    // call your script or function here
  });
}(jQuery));</script>

<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxformfinish", ".searchandfilter", function(){
    // call your script or function here
  });
}(jQuery));</script>

Add New Note to this Reply

Trent Ellis

#263794

Thank you, this helped!

Add New Note to this Reply

Trevor Moderator

#263802

Thanks for letting me know. I will close this thread for now.

Add New Note to this Reply

[Author]

Posts