Stack Overflow
Stack Overflow

Questions tagged [selectize.js]

Selectize is a jQuery based hybrid form control, combining elements of both “textbox” and “select”. It includes autocomplete, native-feeling keyboard navigation and is able to utilize remote data sources to build visually rich controls.

Selectize is an extensible jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on. The goal is to provide a solid & usable experience with a clean and powerful API.

Features

  • Smart Option Searching / Ranking
  • Caret between items
  • Select & delete multiple items at once
  • Díåcritîçs supported
  • Item creation
  • Remote data loading
  • Clean API & code
  • Extensible
  • Touch Support

Resources

Related tags

673 questions
73
votes
11 answers

How to set a value for a selectize.js input?

I have a form from which I would like to copy some default values into the inputs. The form inputs are using the selectize.js plugin. I would like to set some of the form values programatically. The standard way of doing…
fat fantasma
  • 7,483
  • 15
  • 48
  • 66
50
votes
6 answers

How to clear a selected value in Selectize.js dropdown?

I have a selectize.js dropdown and I have to clear the selected value . I have tried this (as suggested in another question): var selectize = $("#optionNetFlow")[0].selectize; selectize.clear(); But it gives the following error: When I change…
Pranav Singh
  • 17,079
  • 30
  • 77
  • 104
42
votes
8 answers

Selectize.js manually add some items

I want add some items to a selectized input after user clicks on a button. The input data are loaded via Ajax. When I call addItem(value) no thing happens. But if I try to type some string in the input it loads data and after this addItem(value)…
Handsome Nerd
  • 17,114
  • 22
  • 95
  • 173
38
votes
5 answers

How to get the value of the currently selected Selectize.js input item

I was wondering, how could I get the value of the currently selected item in my Selectize.js input? I have checked the documentation and scoured everything selectize.js related on Stackoverflow but found nothing in the way of an example I could go…
kibowki
  • 4,206
  • 16
  • 48
  • 74
32
votes
3 answers

How do I set the selectize.js options list programmatically?

I know how to set the optionList on Initiliaztion but how do I set it programmatically? I have an inviteList array: $("#select-invite").options(inviteList);
sly_Chandan
  • 3,437
  • 12
  • 54
  • 83
27
votes
4 answers

Disabling selectize dropdown when a checkbox is checked

I have implemented Selectize on my HTML form. However a dropdown only becomes active when the "enable" checkbox is clicked. I know there is a disable property on the Selectize object but I dont know how to use it when the checkbox is clicked. I have…
Gagan
  • 5,416
  • 13
  • 58
  • 86
20
votes
1 answer

How to change the "Add" word on jQuery Selectize plugin?

I may have missed it in docs but I cannot find how to change the "Add" word in options. Is it possible? @Shiva - I looked through the code on github but haven't found the answer to my question. My code is following:
Joe
  • 2,551
  • 6
  • 38
  • 60
19
votes
3 answers

Loading values into Selectize.js

Problem I have a text input that I have selectized as tags which works fine for querying remote data, I can search and even create new items using it and that all works OK. Using selectize: var $select = $('.authorsearch').selectize({ …
Alex.Ritna
  • 1,957
  • 2
  • 16
  • 24
18
votes
4 answers

Creating an item if not already exists in Selectize.js select box and ajax update the new added item

I was using Selectize.js in a select box, What i need is, if an item is not in the list of options i would need to add a new item. When new item is added, i want to have an ajax call to update the newly added item to my database. In their…
mtsandeep
  • 310
  • 1
  • 3
  • 11
16
votes
1 answer

How to change the height of select dropdown in shiny?

I want to change the height of the select dropdown in shiny app. The default height displays about 8 options, I would like to see more. It is possible to increase the number of options by decreasing the line height of dropdown, but that is not an…
mpiktas
  • 11,258
  • 7
  • 44
  • 57
15
votes
2 answers

Prevent Selectize automatic sorting

I have an array of objects that is provided from a WebService (the order of the list is important). I loaded the JSON object into a Selectize control but it re-orders the list without using the order of the object. This is the link of the current…
eliashdezr
  • 2,085
  • 3
  • 17
  • 11
14
votes
1 answer

Remote data loading from SQL with Selectize.js

As you will notice, I am a data scientist and not a programmer / developper. In SQL, I have a database with ten-thousands of names. I managed to implement the selectize.js tool in my twitter bootstrap website, but it loads way to slow. On the help…
Kasper Van Lombeek
  • 623
  • 1
  • 7
  • 17
13
votes
2 answers

How to properly include a library from node_modules into your project?

the question can maybe be stupid but did not find the answer till now. I'm trying to include a library from node_modules, from what I've learn since yesterday we should include like that with asset: {{-- bootstrap 4.1.3 --}}
William
  • 351
  • 1
  • 2
  • 8
13
votes
1 answer

Add checkbox to options in selectize js

Is it possible to add a checkbox to the option renderers so that users can select and deselect the item by clicking on the checkbox. I was able to add the checkbox by adding to the option renderers. But I have no clue…
Konza
  • 2,143
  • 17
  • 30
13
votes
5 answers

How can I focus on a selectize select box?

Focusing on a select box (that has selectize enabled) does not focus on the selectized input box: $('.someclass select').focus(); Focusing on selectize's own inout box doesn't seem to work either: $('.someclass input').focus(); The Selectize docs…
mikemaccana
  • 110,530
  • 99
  • 389
  • 494
1
2 3
…
44 45