select2 - use as autocomplete textbox (even if not an option)

jquery css autocomplete jquery-select2 ui-select2
user2860417 picture user2860417 · Dec 11, 2013 · Viewed 16k times · Source

I'm trying to use the select2 add-on as more of a textbox (compared to a dropdown) with autocomplete features. This means that if a user types something that is not in the list, I want this custom value to remain as the value for the form.

I've searched stackoverflow and found the following:

Disable "No matches found" text and autocomplete on select2

Select2, when no option matches, "other" should appear

Neither of them keep the "custom" value.

Answer

Madhurendra Sachan picture Madhurendra Sachan · Mar 19, 2014

You can add value of Search textbox as an option when there is change in value of Search box. To achieve whatever I said you will have to mess with original source code as I cannot see any event related to search text box in github. http://ivaynberg.github.io/select2/

If you can change your preference from dropdown to tagging just check example named "auto tokenization" In same page.

Related questions

How do I add a class to a given element?

I have an element that already has a class: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Now I want to create a JavaScript function that will add a class to the div (…

Read More
How can I remove a style added with .css() function?

I'm changing CSS with jQuery and I wish to remove the styling I'm adding based on the input value: if(color != '000000') $("body").css("background-color", color); else // remove style ? How can I do this? Note that the line above …

Read More
Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More