Live Search Select Picker

by André Albson

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.js"></script>
<select id="select1" class="selectpicker" data-live-search="true" >
    <option id="lider" value="lider">Líder</option>
    <option value="participante" selected>Participante </option>
    <option value="conhecimento">Para Conhecimento</option>
</select>

<select id="select2" class="selectpicker" data-live-search="true" >
    <option value="lider">Líder</option>
    <option value="participante" selected>Participante </option>
    <option value="conhecimento">Para Conhecimento</option>
</select>

JavaScript

$("#select1").change(function(){
    if($(this).val() == "lider") {
      alert('selecionou');
    } else {
       alert('nao selecionou');
    }
});