Remove currently selected element from list

[zachshallbetter]

When the user has selected an item the same item remains in the dropdown list. This isn't a bug, but it would be useful to allow us to "remove selected from list" with a custom option.

[gfranko]

Would the options that are removed have to be reinserted back into the drop down if a new option was selected?

[zachshallbetter]

Yeah, when you select a different item from the list the currently selected one would return back to it's original position.

[gfranko]

I like your idea and will add it as an option in the next release! One more question... when you reopen the drop down, should no options look like they are selected?

[zachshallbetter]

Excellent, thanks! Yeah I would say that the currently selected item shouldn't appear in the list at all.

[ianshea]

@gfranko - I'm working on this same project where this idea popped up with @zachshallbetter . I'd suggest handling it with a class. That way default functionality could be preserved and then with CSS a user could indicate a 'Selected' state or hide the element if desired with some CSS.

[gfranko]

@irock195 I agree that handling this via CSS logic is definitely the way to go. SelectBoxIt already applies a selected class, so this shouldn't be a hard feature to implement.

[gfranko]

I just released SelectBoxIt v3.6.0, which adds a hideCurrent option that you can set to true to have the currently selected drop down option hidden from the user. Here is how you would use it:

$('select').selectBoxIt({ hideCurrent: true });