nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to remove a selected option from an aui-select2 using JS?

s_i0a9zc

I am very new to the programming. I have an aiu-select2 box with multiple options as selected. At some point I need to deselect a particular option from the selection and need to replace it with new option using Java Script.

Accepted answers

Stephen Deutsch

Hi Sabin,

aui-select2 is based on Select2 version 3.x, so you can see the documentation for that here: http://select2.github.io/select2/

If you can't figure out how to remove one particular option, you may have to get all values into a list, remove the value you don't want, add the new one, and then set the value of the select2 with the new list of values.

All comments

Stephen Deutsch

Hi Sabin,

aui-select2 is based on Select2 version 3.x, so you can see the documentation for that here: http://select2.github.io/select2/

s_i0a9zc

Thanks @Stephen Deutsch

vijesh kumar_b6bbi1

You can use AJS.$("#resourcesDropdown").auiSelect2('val','');

Steffen Stamprath_vkmbkq

Workaround works fine! thanks

Steffen Stamprath_vkmbkq

ahhhhhhhh! Now I found the correct solution on http://select2.github.io/select2/

When placeholder is used for a non-multi-value select box, it requires that you include an empty <option></option> tag as your first option.

Ignat_kzkpyx

https://community.atlassian.com/t5/Confluence-questions/How-to-remove-a-selected-option-from-an-aui-select2-using-JS/qaq-p/716936