Single select boxes

Select2 can take a regular select box like this...

AlaskaHawaiiCaliforniaNevadaOregonWashingtonArizonaColoradoIdahoMontanaNebraskaNew MexicoNorth DakotaUtahWyomingAlabamaArkansasIllinoisIowaKansasKentuckyLouisianaMinnesotaMississippiMissouriOklahomaSouth DakotaTexasTennesseeWisconsinConnecticutDelawareFloridaGeorgiaIndianaMaineMarylandMassachusettsMichiganNew HampshireNew JerseyNew YorkNorth CarolinaOhioPennsylvaniaRhode IslandSouth CarolinaVermontVirginiaWest Virginia

and turn it into this...

Loading array data

Select2 provides a way to load the data from a local array. You can provide initial selections with array data by providing the option tag for the selected values, similar to how it would be done for a standard select.

Loading remote data

Select2 comes with AJAX support built in, using jQuery's AJAX methods. In this example, we can search for repositories using GitHub's API.