bootstrap-dropselect

KO | EN

gitlite — search

#javascript #react #ai #android #rust #nodejs #awesome #cli #vue #awesome-list #security #ios #openai #open-source

bootstrap-dropselect

(★ 76)

A simple jQuery plugin that extends bootstrap's dropdown menu into something like github's select menu.

bootstrap-dropselect Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

bootstrap-dropselect
============================
A simple jQuery plugin that extends bootstrap's dropdown menu into a select menu

![demo](https://raw.githubusercontent.com/lodev09/bootstrap-dropselect/master/demo.jpg "demo")

## Install
Several quick start options are available:

- [download](https://github.com/lodev09/bootstrap-dropselect/archive/v1.1.4.zip) latest release
- [npm](https://www.npmjs.com/package/bootstrap-dropselect): `npm install --save bootstrap-dropselect`
- [bower](https://bower.io): `bower install bootstrap-dropselect`

** Make sure to link `bootstrap-dropselect.js` and `bootstrap-dropselect.css` to your project

## Usage
Setup `dropselect` in **2 steps**

### Step 1
Just code your standard bootstrap `dropdown`. http://getbootstrap.com/components/#dropdowns 
```html
<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul id="dropselect-demo1" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>
```

### Step 2
Now get the `ul` DOM and run `dropselect` 
```javascript
$(function() {
  $('#dropselect-demo1').dropselect();
})
```

## API
http://lodev09.github.io/bootstrap-dropselect/#api

## Credits
All bugs, feature requests, pull requests, feedback, etc., are welcome!

[Bootstrap Components](http://getbootstrap.com/components/), 
[Github's Select Menu](https://github.com/styleguide/css/13.0)

## License
Released under the [Apache License, Version 2.0](http://opensource.org/licenses/Apache-2.0).
See [LICENSE](LICENSE) file.

bootstrap-dropselect

bootstrap-dropselect Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

bootstrap-dropselect

bootstrap-dropselect Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README