Stack Overflow
Stack Overflow

Questions tagged [jquery-tokeninput]

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

Overview

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or entering email-ids in Gmail compose pop-up window.

Features

  • Intuitive UI for selecting multiple items from a large list
  • Easy to skin/style purely in css, no images required
  • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
  • Smooth animations when results load
  • Select, delete and navigate items using the mouse or keyboard
  • Client-side result caching to reduce server load
  • Crossdomain support via JSONP
  • Callbacks when items are added or removed from the list
  • Preprocess results from the server with the onResult callback
  • Programmatically add, remove, clear and get tokens
  • Customize the output format of the results and tokens

Screenshots

enter image description here

enter image description here

More at: http://loopj.com/jquery-tokeninput/

279 questions
0
votes
1 answer

How do I write this query in Rails for auto-complete using JQuery Tokeninput?

I have a form with an "auto-complete" field that uses jQuery Tokeninput. The basic query, which just looks for Users whose name or username matches the typed text, is: #users_controller.rb def index @users = User.where("LOWER(name) like ? OR…
JoshDoody
  • 417
  • 1
  • 4
  • 14
-1
votes
1 answer

Can I use tokenInput with jQuery 3.1.1?

Currently I've got a pretty basic setup that was working reliably until I updated my jQuery. I noticed that in the header of jquery.tokeninput.js there's a reference to jQuery 1.10.2 which was what I had before... Any suggestions would be really…
itchyspacesuit
  • 125
  • 11
-1
votes
1 answer

How to customize token result format dropdown without starting with

    • How to customize token result format dropdwon without starting with li tag? text1list1list1list1list1 text2list2list2list2list2
    Martin Jose
    • 1
    • 3
    -1
    votes
    1 answer

    Overwrite selecting word when using the jquery plugin Tokeninput

    I use the jquery plugin Tokeninput that allow autocomplete in textBox. I would overwrite selecting word. So the list of autocomplete must contains one word. Does anybody have any suggestion to resolve this problem? Thanks a lot in advance.
    Dhibi_Mohanned
    • 283
    • 1
    • 7
    • 15
    -1
    votes
    1 answer

    Getting undefined is not a function Error with Every Library

    I AM trying to use different libraries in ASP.Net MVC4 but almost with all I got " undefined is not a function " while using jquery functions. what is that and how can I remove it. Every id is correct and everything loaded correctly. and why it…
    Muhammad Usman
    • 1,366
    • 5
    • 18
    • 33
    -1
    votes
    1 answer

    Token Input - Moving from one div to other

    As per the requirement i want to move the token input from one div to another div. I am able to move the token input data from one div to other but the token input feature is not working in other div. Below is the code
    CNKR
    • 568
    • 5
    • 19
    -1
    votes
    1 answer

    jQuery TokenInput - readonly property

    I need to show list of items using Jquery tokeninput, have got the list using a json call, but cant figure out if there is a way to set all items to readonly rather than setting individual items explicitly?
    java1977
    • 398
    • 4
    • 12
    • 25
    -2
    votes
    1 answer

    Populate JQuery TokenInput on AJAX event

    Let say a jQuery TokenInput is attached with a text field with a pre populate parameter defined during its initialization. Now I want to populate that input field with some tokens on an event trigger without re-initialization of this plugin.
    Ata ul Mustafa
    • 1,172
    • 12
    • 18
    -36
    votes
    1 answer

    Create token on textbox focusout

    I'm populating email-id in the text box value using ng-repeat. Using the edit icon I'm adding an email-id in the text box and on the text box focus out I have to create a token for the email-id in the text box. I have to find out the token input and…
    kavi
    • 53
    • 3
    1 2 3
    …
    18
    19