Add or Remove functionality for simple multiselect field

By | May 20, 2009

If you find this useful, Please drop us a mail on

Suppose, you want to make use of multiselect field for your requirement. At the same time, you dont want the unnecessary values to appear in the multiselect field while selecting.

You must have seen this on Communication screen where we select the users from the field below and click “Add” button to add them to the list as well as we can select an user and remove him by clicking “Delete” button. Also we are provided with alphabetical search functionality here.

So why not have this functionality for the simple multiselect field?? here is a component that we have designed for the same. See the screenshot below and you will get an idea what it does…

We can add multiple items to the list by searching and clicking on + sign button and similarly to remove an item from the list we can use – sign button.