Skip to content

Latest commit

 

History

History
46 lines (33 loc) · 1.3 KB

README.md

File metadata and controls

46 lines (33 loc) · 1.3 KB

selectfromjson

Basic HTML select

<select name="my_select1" id="my_select1" class="any_decoration" data-url="resouce-uri" data-autoload="true" data-value="id" data-text="nombre">
 </select>

Options

  • url: the url from the resorce to load the json.
  • autoload: true if the select are filled on page load.
  • value: key of json data to be used for fill the option's value in the select.
  • value: key of json data to be used for fill the option's text in the select.
  • parent: jquery selector of the select parent to be binded on change it.

Basic js init

$("#my_select1").jsonselect({
    events: {
        success: function() { console.log('success fired!') }
    }
});

Options

  • selected: unused in this version.
  • empty_text: Enpty text to show, by default is 'Select an option'.

Events

  • succes: closure to manage the succes event that exposes the plugin. Only fired when the ajax request is successful.
  • beforeSend: closure to manage the any data or behavior before send the request.
  • error: closure to manage the error event that exposes the plugin. Only fired when the ajax request is not successful.

Instalation

Just add into your package.json the next dependency:

"jsonselect": "git+https://github.com/nonDeath/selectfromjson"

And then run npm update or npm install.