How to edit selectize input after calling selectize()

Question

My goal is to reset selected values in selectize input. I called selectize function in seperate js file (working with Ruby on Rails), so there is no option to create some global selectize input variable (at least I want to avoid it).

In select2 I would solve similar issue like that:

$(".select2").select2("val", "")

but when I call selectize() second time on the input all previous options and collection loaded via ajax just dissappear.

Thanks for help

basher · Accepted Answer · 2017-09-13 19:08:52Z

4

Selectize uses .selectized as its identifying class.

Unfortunately, selectize is not accessible via $('.selectized').selectize - you need to go directly to the <select>/<input> element - $('.selectized')[0].selectize as shown in the docs.

I don't believe you can access all selectize items at once, you need to iterate through them. I recommend using the map function, such as something like:

$.map($('.selectized'), function(item, index) { 
  item.selectize.setValue('');
});

edited Sep 13, 2017 at 19:08

answered Aug 18, 2015 at 13:45

basher

2,3761 gold badge25 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

res Over a year ago

Thanks! Works but in my case I had to call it with selectize()[0] $('.selectized').first().selectize()[0].selectize.setValue('')

Collectives™ on Stack Overflow

How to edit selectize input after calling selectize()

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related