How the Bootstrap Select control is selected or asynchronously refreshed.

The following method is required when an asynchronous refresh requires updating a select control for a bootstrap framework, adding a <option> to it, or when a value is re-selected, and the value of the hidden select box is modified, but the previous display of the selected value remains the same.

The previous search on the internet for a long time, try this article (click Open Link) two methods, although implemented, but very cumbersome.

1. By $ (this). Removeattr (' selected '), then use $ (). Trigger (' liszt:updated ') to change the front-end code.

$ ("#mdisplaychart"). Find ("option"). each (function () {
                $ (this). Removeattr ("selected");
            });
            $ ("#mdisplaychart"). Find ("option"). each (function () {
                if (key = = $ (this). Val ()) {
                   $ (this). attr ("Selected", " Selected ");
                   return false;
                }
            });
            $ ("#mdisplaychart"). Trigger ("liszt:updated");
            $ ("#mdisplaychart"). Val (key);

2. These two methods can be implemented by Removechosen () and chosen ().

$ ("#roadmapYearSelect"). Removechosen ();
                    $ ("#roadmapYearSelect"). Append ("<option value=" > "+dropdrowninitvalue+" </option> "+ data");
                    $ ("#roadmapYearSelect"). Chosen ();