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.