How to select a multi-select list box using Leapwork?

For selecting multiple elements from a multi-select list box, you need to perform multiple click operations on the corresponding list items(or group items) that you want to select and might need to perform a click operation to move elements from one box to another(depends on application).

Example 1: Selecting list item with Group

Precondition :

A user has a multi-select dropdown with a group item(which means it has multiple items inside it), for example, https://www.jqueryscript.net/demo/Groupable-Searchable-Dual-Listbox-Transfer/ and the user want to select the item "ReactJS" and Group item -"Popular"

 Solution: 

1. Open the URL
2. Click on the list of items that you want to select e.g. ReactJS and Popular(it is the Group item, so all the list items that come under this will automatically be selected)
3. Once all the list items are selected, click on the right arrow key to move the selected items under the Selected box.

 Here is the result:

Example 2: Selecting individual list items 

Precondition :

A user has multi-select dropdown items, for example, https://www.jqueryscript.net/demo/Groupable-Searchable-Dual-Listbox-Transfer/ and the user want to select items "ReactJS" and "JavaScript"

 Solution: 

1. Open the URL
2. Click on the Items tab
3. Click on the list of items that you want to select e.g. ReactJS and JavaScript
4. Once all the list items are selected, click on the right arrow key to move the selected items under the Selected box.

Here is the result:

For any clarification, please contact our Priority Support.