function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Major1507Major1507 

Multi-select in a dynamic scrollable list in Lightning

Hi, 
I have a requirement to have a checkbox in front of each option of the scrollable list so that the user can select multiole options.
Here is my code:

Component:
<tr>
                        <div class="slds-form-element slds-size--1-of-1">
                                  <table class="slds-table slds-table--bordered slds-table--cell-buffer" value = "true">
                                      <tr>
       						<ui:inputCheckbox aura:id="box3" change="{!c.selectAll}"/>
         					<ui:inputselect aura:id="accIndustry" class="slds-dropdown"  multiple="true" change="{!c.handleSelectChangeEvent}"/>                       
                                      </tr>
                                      </table>
                            </div>
            		</tr>

Controller.js
({
doInit: function(component, event, helper) {
        helper.fetchPickListVal(component, 'skience__Relationship_Type__c', 'accIndustry');
     var page = component.get("v.page") || 1;
        
      var recordToDisply = component.find("recordSize").get("v.value");
        
      helper.getContact(component, page, recordToDisply);
    },
    handleSelectChangeEvent: function(component, event, helper) {
       
        alert(event.getSource().get("v.value"));
    },

Its not working.
Any help would be appreciated​
Major1507Major1507
User-added image
This is how the output is rightnow
sfdcMonkey.comsfdcMonkey.com
Hi Kuldeep,
you can use select2 jQuery multiselect plugin, i have create a post on it :
http://sfdcmonkey.com/2017/06/07/multi-select-picklist-lightning-component/
User-added image
Thanks, let us know if it helps you
Major1507Major1507
Actually my requirement is to have a checkbox in front of each value. and the selected options should not be displayed on the top 
sfdcMonkey.comsfdcMonkey.com
then you should use MULTIPLE SELECT jQuery plugin : i have used this previously and it's working fine
http://wenzhixin.net.cn/p/multiple-select/docs/

you can use it same way to select2 post

User-added image