Question

156

How to clear all selected items in a SELECT input using jQuery?

rated 0 times [ 159] [ 3] / answers: 1 / hits: 119694 / 14 Years ago, thu, january 20, 2011, 12:00:00

I am think this should be fairly easy, but struggling a bit ... I have a SELECT input element that allows the user to select multiple items. I would like to provide a mechanism for them to clear all selected items, probably will just be a SPAN tag or something similar.

Anyway ... using jQuery, how I would I clear the selection on the SELECT input element so no items are selected.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

randall

Add To Favorites

Follow

Total Points: 492

Total Questions: 99

Total Answers: 103

Location: Solomon Islands

Member since Fri, Oct 8, 2021

3 Years ago

randall questions

1 Cannot create sitemaps on nextjs with next-sitemap

Wed, Mar 16, 22, 00:00, 2 Years ago

1 React Material-UI Select using an array of objects as the source

Mon, Mar 29, 21, 00:00, 3 Years ago

1 How to chain cy.get in cypress

Tue, Nov 10, 20, 00:00, 4 Years ago

1 Vue Composition API: Is there a better way in calling `emit` inside consumable file?

Mon, Nov 9, 20, 00:00, 4 Years ago

1 Router view on Vue 3 doesn't catch event from child

Sat, Oct 31, 20, 00:00, 4 Years ago

View All

answered 14 Years ago juancarlos · Accepted Answer

In the case of a <select multiple> the .val() function takes/returns an array, so you can simply pass in an empty array to clear the selection, like this:

$(#selectID).val([]);

You can test it out here.