How to get a handle for an initialized Choices element

If I have initialized my Choices element in the following way:

new Choices(document.querySelector(#choices'));

Is there a way to access the initialized Choices element somewhere else in the code if I don’t have a reference to the original value? As far as I know, using new Choices always returns a new, uninitialized value.

The use case could be, for example, that I want to programmatically set the value (.setValue())

[msimcha]

I found that you can set the value of an existing Choices instance that you cannot access but triggering the mousedown event on the item with the value for which you’re looking:

handleSelect (obj, value) { let selectFields = obj.closest('.choices').querySelectorAll('.choices__item--selectable') for (let i = 0; i < selectFields.length; i++) { if (selectFields[i].dataset.value === value) { console.warn(selectFields[i].dataset.value) selectFields[i].dispatchEvent(new Event('mousedown')) } } } (obj here is a select element)

[aleehedl]

Hi,

The point was exactly that I don’t have the option to assign it to a variable.

On Wed, 28 Mar 2018, 17:31 Josh Johnson, [e-mail] wrote:

Hey,

All you need to do is assign it to a variable e.g.

const instance = new Choices(document.querySelector(#choices’));instance.setValue(…);

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/jshjohnson/Choices/issues/376#issuecomment-376907996, or mute the thread https://github.com/notifications/unsubscribe-auth/AANfNycNy85QKI_GV30YXvXuVy0-GlBEks5ti569gaJpZM4S-tQH .