musiciansddropdown

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

Usage no npm install needed!

<script type="module">
  import musiciansddropdown from 'https://cdn.skypack.dev/musiciansddropdown';
</script>

README

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>
  1. 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.