jQuery Tokeninput: Dynamically adding additional parameters to query

Question

I have a jQuery Tokeninput which I use to select from a list of users in my system. I want to be able to limit this search to users from a specific region.

What I want to do is send the region number along with the search query. However, I can't find this functionality in the documentation. It seems to me that you can only set the query parameters when the tokeninput is created, and therefore you can't change the query afterwards, for example, when I select a new region to search from.

I know I can use the onResult function, but that's not good enough. I'm limiting the number of returned users to 15, and I want to do that AFTER filtering for region.

Chris · Accepted Answer · 2014-08-07 17:01:37Z

1

You can pass a function to the constructor, rather than a specific URL. In this function, you can then return a string, with the 'region' you require as a GET parameter.

Say you were currently doing something like this...

$("#search_frwId").tokenInput("www.example.com?region=UK");

You could instead do....

$("#search_frwId").tokenInput(getRegionURL);

function getRegionURL(){
    if (uk_region_selected) return "www.example.com?region=UK";
    else return "www.example.com?region=US";
}

answered Aug 7, 2014 at 17:01

Chris

6,0722 gold badges37 silver badges58 bronze badges

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

3 Comments

Asgeir Over a year ago

Thanks for the suggestion @Chris. However, I have to be able to change the region after I've instantiated the tokenInput, that's what I mean by dynamically. Luckily, I may have found a solution. When the region is changed, I store the values selected so far in the tokenInput, remove the tokenInput from the textarea and instantiate it again using the prePopulate setting, passing in the values I stored.

Asgeir Over a year ago

I'll confirm that this works once I've done some further testing.

Chris Over a year ago

@Asgeir - Sorry, I've explained poorly. If you instantiate with a function, then the function is called on each search, rather than a specific string url used. I don't know how you're 'changing the region' in your interface, but say they were radio buttons, you could test if each was selected in your getRegionURL() function, which would be called on each search.

Community · Accepted Answer · 2017-05-23 12:32:55Z

0

this can be done by onSend callback of the plugin

onSend: function(request_params) {
    console.log(request_params);
    // manipulate request_params object
}

my answer on similar question jquery tokeninput filter query send extra parameters

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Jul 30, 2015 at 9:46

dav

9,32716 gold badges81 silver badges144 bronze badges

Comments

Prakash Bhandari · Accepted Answer · 2016-08-08 08:56:35Z

0

You can add parameters as follows

$("#my-text-input").tokenInput("domain.com?product_id=1&category_id=2");

Query string q is automatically added and become as follows

$("#my-text-input").tokenInput("domain.com?product_id=1&category_id=2&q=searched string");

answered Aug 8, 2016 at 8:56

Prakash Bhandari

5778 silver badges16 bronze badges

Collectives™ on Stack Overflow

jQuery Tokeninput: Dynamically adding additional parameters to query

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related