How to pass arguments to setter in javascript object?

Question

I have an object which is a list of filters corresponding to a select list. When the user selects from a drop-down I want update the object using this getter/setter. I'm also using an event listener. I thought the argument would be automatically passed into the handler.

var formFilters = {
  audience: 'All',
  get audienceFilter() {
    return this.audience;
  },
  set audienceFilter(input) {
    $('select').on('change', this.audienceFilter);
  }
};

Then to see what's going on:

$('select').on('change', function(e){
  console.log(formFilters.audience);
});

It's not clear to me what the problem is, or what you think the code above should be doing. — Dave Newton
– Dave Newton, Commented May 19, 2016 at 18:35

Hackerman · Accepted Answer · 2016-05-19 18:59:57Z

1

It is pretty straigth forward actually:

formFilters.audienceFilter = 'customValue';

Update: https://jsfiddle.net/7431fz7u/1/

edited May 19, 2016 at 18:59

answered May 19, 2016 at 18:37

Hackerman

12.3k2 gold badges37 silver badges47 bronze badges

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

1 Comment

icicleking Over a year ago

The thing I'm struggling with is how to pass the select element's value to the setter. $('select').on('change', formFilters.audienceFilter) doesn't appear to work

Collectives™ on Stack Overflow

How to pass arguments to setter in javascript object?

1 Answer 1

Update: https://jsfiddle.net/7431fz7u/1/

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Update: https://jsfiddle.net/7431fz7u/1/

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related