javascript - Jasper Reports table column filter data with multiple values through Visualize JS

Question

Last few days I was trying to integrate Jasper Reports to a application using Visualize JS.I have functionality to implement filter the Jasper Report column data by multiple values.The jasper report table has country column.

For example I have to filter records using user given texts.

So I have found an example in Visualize JS documentation and it is used only for one given text.

$("#setStringContains").on("click", 
 function() { report.updateComponent("country", {
   filter: {
     operator: "contain",
     value: $("#country").val() // example: country1
      } 
    }).fail(handleError);
});

I have to implement this with multiple text values as given previous picture. I have tried to put 'Country1','Country2' in value element and it does not filter the table as I expected.It gives empty result table, so it takes the filter text as one value.