functions, variable and jquery

Question

I have 8 search filters user can choose. When user clicks on filter it opens options for this filter. When user clicks out, the function hideFilterSearch() is triggered. I have problem about understanding of scope for variable formData (see below).

$(document).ready(function() {
    var formData = $("form").serialize();
});

function hideFilterSearch() {
    console.log(formData);
    $(".filters").hide();
    newFormData = $("form").serialize();
    if (formData != newFormData) {
        //newFormData is sent with ajax and search results are updates
    }
    formData = $("form").serialize();  
}

//show, hide filter changer
$('body').click(function(event) {
    if (!$(event.target).closest('.filter').length) {        
        hideFilterChanger();
    };
});

Console log gives me empty string in this case. I tried also to send formData as argument ()hideFilterSearch(formData), but then the problem is formData won't be updated. I am not sure what is the correct way to pass formData to function, but still update it's value inside function when it is changed.

pmtamal · Accepted Answer · 2012-10-24 08:09:34Z

1

Use global variable.As formData variable in local scope,you can't accesss it in antother function.

Change your code to the following

window.formData = $("form").serialize();

edited Oct 24, 2012 at 8:09

answered Oct 24, 2012 at 7:46

pmtamal

2,1871 gold badge13 silver badges7 bronze badges

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

Comments

Sapan Diwakar · Accepted Answer · 2012-10-24 07:47:41Z

0

Functions can return values. Pass formData and return the updated one from the function. You can then assign it in hideFilterChanged.

$(document).ready(function(){
 var formData = $("form").serialize();

 function hideFilterSearch(formData){
     console.log(formData);
     $(".filters").hide();
     newFormData = $("form").serialize();
     if(formData!=newFormData){
       //newFormData is sent with ajax and search results are updates
     }
     return $("form").serialize();  
   }

   //show, hide filter changer
   $('body').click(function(event) {
     if (!$(event.target).closest('.filter').length) {        
         formData = hideFilterChanger(formData);
     };
   });
});

answered Oct 24, 2012 at 7:47

Sapan Diwakar

11k6 gold badges35 silver badges43 bronze badges

Collectives™ on Stack Overflow

functions, variable and jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related