Select2

Select2 can take a regular select box. By default it supports all options and operations that are available in a standard select box,but with added flexibility. For more details

Single Select Boxes

      <select class="select2-basic-single js-states form-select form-control" name="state" style="width: 100%;">
                    <option value="AL">Alabama</option>
                    <option value="Am">Amalapuram</option>
                    <option value="Arizona">Arizona</option>
                    <option value="Colorada">Colorada</option>
                    <option value="Idaho">Idaho</option>
                    <option value="Montana">Montana</option>                                   
                    <option value="An">Anakapalli</option>
                    <option value="Ak">Akkayapalem</option>
                    <option value="Nebraska">Nebraska</option>
                    <option value="New Maxico">New Maxico</option>
                    <option value="North Dakota">North Dakota</option>
                    <option value="Utah">Utah</option>
                    <option value="Wyoming">Wyoming</option>
                </select>
    
Multiple Select Boxes

        <select class="select2-basic-single js-states form-select form-control" name="states[]"  style="width: 100%;">
                        <optgroup label="pacific Time zone">
                            <option value="California">California</option>
                            <option value="Nevada">Nevada</option>
                            <option value="Oregon">Oregon</option>
                            <option value="Washington">Washington</option>
                        </optgroup>
                        <optgroup label="Mountain Time zone">
                            <option value="Arizona">Arizona</option>
                            <option value="Colorada">Colorada</option>
                            <option value="Idaho">Idaho</option>
                            <option value="Montana">Montana</option>
                            <option value="Nebraska">Nebraska</option>
                            <option value="New Maxico">New Maxico</option>
                            <option value="North Dakota">North Dakota</option>
                            <option value="Utah">Utah</option>
                            <option value="Wyoming">Wyoming</option>
                        </optgroup>
                        <optgroup label="Central Time zone">
                            <option value="Alabama">Alabama</option>
                            <option value="Arkansas">Arkansas</option>
                            <option value="Lowa">Lowa</option>
                            <option value="Kansas">Kansas</option>
                            <option value="Missouri">Missouri</option>
                            <option value="Texas">Texas</option>
                            <option value="South Dakota">South Dakota</option>
                            <option value="Kentucky">Kentucky</option>
                            <option value="Illinois">Illinois</option>
                        </optgroup>
                    </select>