Simple Combobox | showDropDown - hiding a drop-down arrow in the right corner
HTML
<script src="http://kremer.pro/projects/scombobox/js/jquery.scombobox.js"></script>
<link rel="stylesheet" href="http://kremer.pro/projects/scombobox/css/jquery.scombobox.css">
<script src="http://kremer.pro/projects/scombobox/js/jquery.easing.min.js"></script>
<div style="display: none">
You can see that the first combobox now does not have
a drop-down arrow.
</div>
<select id="combo-020">
<option value="1">item 1</option>
<option value="2">item 2</option>
<option value="3">item 3</option>
</select>
<div id="modalA" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ă—</button>
<h4 class="modal-title">My Modal</h4>
</div>
<div class="modal-body">
<select id="combo-021">
<option value="1">item 1</option>
<option value="2">item 2</option>
<option value="3">item 3</option>
<option value="4">item 3</option>
<option value="5">item 3</option>
<option value="6">item 3</option>
<option value="7">item 3</option>
<option value="8">item 3</option>
<option value="9">item 3</option>
<option value="10">item 3</option>
<option value="11">item 3</option>
<option value="12">item 3</option>
<option value="13">item 3</option>
<option value="14">item 3</option>
<option value="15">item 3</option>
<option value="16">item 3</option>
<option value="17">item 3</option>
<option value="18">item 3</option>
<option value="19">item 3</option>
<option value="20">item 3</option>
<option value="21">item 3</option>
<option value="22">item 3</option>
<option value="23">item 3</option>
<option value="24">item 3</option>
<option value="3">item 3</option>
<option value="3">item 3</option>
<option...
CSS
body {
padding: 23px 0 0 0;
font-family: Arial, 'sans-serif';
font-size: 90%;
color: #333;
background: #FAFAFA;
}
JavaScript
$('#combo-020').scombobox({
showDropDown: false
});
$('#combo-021').scombobox({
showDropDown: true // this is what is set by default
});