I'm using select2
in place of search box.
Here i'm using to load countries values like this
$("#countries").select2({
multiple: true,
tags:["India", "Japan", "Australia","Singapore"],
tokenSeparators: [","]
});
When i press save button, they are properly submitted to the server, now here the question is when i want to modify the country field after saving to server, how i can load the saved values to the country field.
This is how i retrieve data from server
$.getJSON('/dataprovider?data=fetchCountriesForm', function(opts) {
//the opts here contains the json values of the countries.
//what code should be written here to load the values in $('#countries).select2();
//user can add some more countries or can remove the previously added countries.
}
With jQuery, you can use the . val() method to get an array of the selected values on a multi-select dropdown list.
In order to clear the selection of those values which are selected using a Select2 drop down,we can use the empty() function. The dropdown can be reset using Jquery. $("#select2_example"). empty();
Please have a look a documentation under section Loading Remote Data
.
You will find and example like:
$("#e6").select2({
placeholder: "Search for a movie",
minimumInputLength: 1,
ajax: {
// instead of writing the function to execute the request we use Select2's convenient helper
url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json"
// Other stuffs
}
});
Also you can do like this:
$.getJSON('/dataprovider?data=fetchCountriesForm', function(opts){
$("#countries").select2({
data: opts
});
})
Your JSON
data must be in format like below:
[{id:0,text:'enhancement'},
{id:1,text:'bug'},
{id:2,text:'duplicate'},
{id:3,text:'invalid'},
{id:4,text:'wontfix'}
]
I just use this http://ivaynberg.github.io/select2/#event_ext_change link and use the trigger function to load the values
$.getJSON('/dataprovider?data=fetchCountriesForm', function(opts) {
parent.parent.parent.showLoader();
if (opts) {
$("#countries").val(opts).trigger("change");
}
This trick load the value in the select box.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With