Reinitialized tom select using class name

[vaniarizki]

I'm using tom-select forEach class name, like this:

document.querySelectorAll('.select').forEach((el)=>{
	let settings = {};
 	new TomSelect(el,settings);
});

then I want to change the value based on other option. How can I do it? I got error "Tom Select already initialized on this element". I don't know how to destroy(). Thanks

[gkaft]

Have you found any solution?

I try this

let select = document.getElementById('#selectbox_id'); let control = select.tomselect;

but this always returns null

[vaniarizki]

yes I've found the solution.

for my case it's:
document.querySelectorAll('.select').forEach((el)=>{ if (el.tomselect) { let control = el.tomselect; control.destroy(); } let settings = {}; new TomSelect(el,settings); });

I think if you use ID then you can use the variable directly like this:
let select = document.getElementById('#selectbox_id'); select.clear();

[vaniarizki]

I've found the solution.

for my case it's:
document.querySelectorAll('.select').forEach((el)=>{ if (el.tomselect) { let control = el.tomselect; control.destroy(); } let settings = {}; new TomSelect(el,settings); });

[vaniarizki]

have you solved your problem?

[gkaft]

No. i'm working on it

[vaniarizki]

try this one: https://jsfiddle.net/runxL4a8/

[gkaft]

Thank you very much. This worked!!!

[vaniarizki]

great!