How to change placeholder of selectize.js dropdown?

Question

I want to change placeholder of a dropdown created by selectize.js when the parent dropdown changes its selection to load the options of the dropdown whose placeholder to be changed. There is no method to do this in documentation.

Answer 1

You can specify a placeholder key as part of the options object when initialising. I couldn't find the option in the documentation and only found it digging through the code.

//init selectize
$(function() {
  $('select').selectize({
    placeholder: 'Click here to select ...',
  });
});

Answer 2

You need two things:

• add empty <option></option> as first option tag in the select.
• add placeholder key to selectize call