Live Search Select Picker

by David Underwood

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="https://training.aeshield.com/js/bootstrap-select.js"></script>
<link rel="stylesheet" href="https://training.aeshield.com/css/bootstrap-select.css">
<select class="selectpicker" data-live-search="true" data-show-subtext="true">
    <optgroup label="Assembly Group">
      <option data-subtext="Assembly Group">AssemblyGroup1</option>
      <option data-subtext="Assembly Group">6584-S-Tag-1 UNDEF, 1oo1</option>
    </optgroup>
    <optgroup label="Assembly">
       <option data-subtext="Assembly">6584-S-Tag-1</option>
       <option data-subtext="Assembly">6584-S-Tag-2</option>
    </optgroup>
    <optgroup label="Component">
      <option data-subtext="Component">6584-S-Tag-1</option>
      <option data-subtext="Component">6584-S-Tag-2</option>
    </optgroup>
    <optgroup>
      <
    </optgroup>
    
</select>





<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0; background:lightgray;width:100%;'>
    Find documentation:
    <a href='http://getbootstrap.com/css/'>
        Get Bootstrap 3
    </a><br/>
    Fork This Skeleton Here: 
    <a href='http://jsfiddle.net/KyleMit/kcpma/'>
        Bootstrap 3 Skeleton
    </a><br/>
</div>