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
9
votes
2 answers

How to set a default value in selectize.js?

I'm trying to find a way to set a default value in selectize.js. I know that in jQuery you can use: $(".country").val("US"); But this doesnt work with Selectize. I already read the API documentation and I tried…
Vivian Guillen
  • 158
  • 1
  • 1
  • 6
9
votes
1 answer

R Shiny Selectize: How to set the minimum number of options in selectizeInput

I am trying to increase the length of the dropdown list when using selectizeInput in Shiny. I know I can set the max number of items shown by: options = list(maxOptions = n) but how could I define a minimum number of options?
Christos
  • 805
  • 8
  • 25
9
votes
1 answer

How to set custom height & width for select enhanced with selectize.js jquery plugin?

I'm using https://github.com/brianreavis/selectize.js in a project and I'm not able to customize the height and width of the select input: modifing the select via css not works there is not height / width options in…
pragmatic_programmer
  • 3,566
  • 3
  • 29
  • 36
9
votes
2 answers

selectize js use array as source

Hi I am getting back a JSON encoded array ("html") from my Ajax call that I would like to add in the selectize as both value and text (I am using a tag) . How can I do that ? HTML
Athanatos
  • 1,089
  • 6
  • 15
  • 32
9
votes
4 answers

selectize.js - how can I disable the flashing cursor after the selected item?

I'm using selectize.js to style text boxes, and it's working fine. $("select[name='somename']").selectize({ valueField: 'id', labelField: 'name', searchField: 'name', options: selectableThings, render: { option: function(item, escape)…
mikemaccana
  • 110,530
  • 99
  • 389
  • 494
8
votes
2 answers

How can i call a function inside onChange of selectize?

How can i call a function inside onChange of selectize? onChange: function(value){ weatherWidget(value) } $(document).ready(function() { function weatherWidget(location){ console.log('test'); } } this code gives me not defined function.…
user3779015
  • 499
  • 1
  • 4
  • 19
8
votes
2 answers

Selectize.js = how to stop it from auto loading remote data-source of suggestions?

Using selectize.js plugin, https://github.com/brianreavis/selectize.js/blob/master/docs/usage.md it seems to triger the load() function everytime I type into the input field.. I wanted to make it load once only during initialization... been at…
BrownChiLD
  • 3,545
  • 9
  • 43
  • 61
8
votes
3 answers

How to make a specific option unselectable programmatically with Selectize.js?

I have a select with several options and I try to make some of the options unselectable programmatically. For instance, my code is :