musiciansddropdown
Version:
a simple jquery plugin to feed a dropdown with json data.
43 lines (27 loc) • 1.26 kB
Markdown
# dynamicdropdown-jquery
## a simple jquery plugin to feed a dropdown with json data.
## dependencies:
* jquery
* bootstrap(not necessary but makes it looks better).
## instructions
1. Clone this repository or install it via npm, and include musiciansddropdown.js file:
```
$ git clone https://github.com/aromn/musiciansDDropdown.git
$ # or
$ npm install musiciansddropdown
<script src="path/to/musiciansddropdown.js"></script>
```
2. Call the plugin in your HTML select dropdown:
```
<select class="form-control" id="myDropdown"></select>
$('#myDropdown').dynamicDropdown({
url: 'http://your-url/',
key: 'json-key',
value: 'json-value'
});
```
Optionally you can add **form-control** class from bootstrap, or the plugin will add it by itself.
## docs
***url (REQUIRED)***: The url to send the request.
***key (OPTIONAL only if value is provided)***: A known Json key; Since every json has keys and values, once you know the name of the key you want to use, set it up as the key option.
***value (OPTIONAL)***: A know Json value. Json format has keys and values, sometimes values are other json objects, at this moment the plugin will ignore values if they are json objects.