I am trying to implement the searchable pick-list in lightning component. I followed this post to implement with help of external jQuery select2. Does any one suggest me the best way of implementing searchable picklist in lightning component.
xxx.cmp
<aura:component access="global">
<ltng:require styles="{!$Resource.select2}" />
<ltng:require scripts="{!$Resource.select2}"
afterScriptsLoaded="{!c.loadJquery}" />
<select class="js-example-basic-single" name="state">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
<option value="xx">xx</option>
<option value="yy">yy</option>
<option value="zz">zz</option>
<option value="rr">rr</option>
<option value="tt">tt</option>
<option value="mm">mm</option>
</select>
</aura:component>
xxx.js
({
loadJquery : function(component, event, helper) {
jQuery(document).ready(function(){
$('.js-example-basic-single').select2();
});
}
})