wdmg / bootstrap-selectinput-plugin
Select to dropdown list for Bootstrap 3
Installs: 12
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 3
Forks: 1
Open Issues: 0
Language:JavaScript
README
Select to dropdown list for Bootstrap 3
Installation
$ npm install bootstrap-selectinput-plugin
$ bower install bootstrap-selectinput-plugin
$ yarn add bootstrap-selectinput-plugin
$ composer require bootstrap-selectinput-plugin
Usage example
For example use the form-group:
<div class="form-group">
<label class="control-label" for="selectinput1">Select:</label>
<select id="selectinput1" class="form-control">
<option value="1">Select option one</option>
<option value="2" selected>Select option two</option>
<option value="3">Select option three</option>
<option value="4" disabled>Select option one</option>
<option value="5" selected>Select option two</option>
<option value="6">Select option three</option>
</select>
</div>
<div class="form-group">
<label class="control-label" for="selectinput2">Multiple select:</label>
<select id="selectinput2" multiple class="form-control">
<option value="1">Select option one</option>
<option value="2" selected>Select option two</option>
<option value="3">Select option three</option>
<option value="4" disabled>Select option one</option>
<option value="5" selected>Select option two</option>
<option value="6">Select option three</option>
</select>
</div>
... and init from script:
<script type="text/javascript">
$(document).ready(function () {
$('select').selectinput({
dropdownClass: '.dropdown .some-dropdown',
toggleText: 'Select option',
toggleCaret: '<span class="fa fa-chevron-down"></span>',
autocomplete: 'http://example.com/api/get/options',
...
});
});
</script>
Options
Status and version
- v.1.2.1 - Fixed value from json for autocomplete
- v.1.2.0 - Refactoring, added autocomplete
- v.1.1.1 - OnChange bugfix
- v.1.1.0 - Added on change value of main select