bootstrap combobox
Does not support option groups.
by kdorff
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-combobox/1.1.7/css/bootstrap-combobox.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-combobox/1.1.7/js/bootstrap-combobox.js"></script>
<form class="form-inline">
<div class="form-group">
<select class="combobox form-control" name="inline">
<optgroup label="Group 1">
<option value='1.1'>Option 1.1</option>
</optgroup>
<optgroup label="Group 2">
<option value='2.1'>Option 2.1</option>
<option value='2.2'>Option 2.2</option>
</optgroup>
<optgroup label="Group 3" disabled>
<option value='3.1'>Option 3.1</option>
<option value='3.2'>Option 3.2</option>
<option value='3.3'>Option 3.3</option>
</optgroup>
</select>
</div>
</form>
JavaScript
$(document).ready(function(){
$('.combobox').combobox()
});