UNPKG

musiciansddropdown

Version:

a simple jquery plugin to feed a dropdown with json data.

43 lines (27 loc) 1.26 kB
# 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.