jquery - variable as parameter of function

Question

I have a multiple select:

<select name="courier" class="selectpicker courierpicker" multiple>
    <option value="value1">Value1</option>
    <option value="value2">Value2</option>
    ...
</select>

I want to use selected options as parameters for filtering rows in my table. This code doesn't work for me (assume, just for this example, that there is always more than one selected option):

$(".selectpicker").change(function() {
    var items = [];
    $('.courierpicker option:selected').each(function(){ 
        items.push($(this).val()); 
    });
    var $result = '["' + items.join('","') + '"]';
    $('#data-table').bootstrapTable('filterBy', {
        courierfilter: $result
    });
});

When I trigger:

$('#data-table').bootstrapTable('filterBy', { 
    courierfilter: ["value1","value2"] 
});

Everything works just fine.

I know it will be some stupid mistake of the beginner, but thanks in advance for every help.

Rory McCrossan · Accepted Answer · 2016-05-24 19:09:59Z

1

The issue is because the courierfilter property expects an array, yet you're providing it a string which is formatted like an array. Also note that the array generation can be made simpler through the use of the map() method. Try this:

$(".selectpicker").change(function() {
    var items = $('.courierpicker option:selected').map(function(){ 
        return this.value;
    }).get();
    $('#data-table').bootstrapTable('filterBy', {    
        courierfilter: items 
    });
});

answered May 24, 2016 at 19:09

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Michał Perłakowski · Accepted Answer · 2016-05-24 20:48:17Z

1

Just use {courierfilter: items}.

edited May 24, 2016 at 20:48

answered May 24, 2016 at 19:10

Michał Perłakowski

93.3k30 gold badges165 silver badges189 bronze badges

Collectives™ on Stack Overflow

jquery - variable as parameter of function

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