how filter table with ul (combo box bootrstrap)?

Question

hi guys , how can I filter my table with combobox like I can filter my table with textbox like :

 

 

html :
<div class="col-sm-2">
<input id="search" type="text" class="form-control" placeholder="Search"></div>

 

js :

<script type="text/javascript">
$(document).ready(function() {
//$('#<%=tblData.ClientID%>').tablesorter({ headers: { 0: { sorter: false }, 5: { sorter: false }, 6: { sorter: false }, 7: { sorter: false}} });
$('#<%=tblData.ClientID%>').filterTable({ ignoreColumns: [0], inputSelector: '#<%=cmbSertifikasi.ClientID%>', minRows: 10 });
$('#<%=tblData.ClientID%>').filterTable({ ignoreColumns: [0], inputSelector: '#search', minRows: 10 });
});
</script>

 

this is my combo box html :

 

  <div class="dropdown">
<button style="width: 100%; text-align: left;" class="btn btn-default dropdown-toggle" type="button" id="cmbMenu" data-toggle="dropdown">Sertifikasi<span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Yes</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">No</a></li>
</ul>
</div>

 

 

 

help me please