Selects

Example: Select (Without Class)

Copy

                                    
                                        <select name="" id="">

                                        <option value="" selected>Choose One</option>

                                        <option value="">...</option>

                                        <option value="">...</option>

                                        <option value="">...</option>

                                        </select>

Example: Select (With "form-select" Class)

Success Message

Error Message

Copy

                                    
                                        <select class="form-select" name="" id="">

                                        <option value="" selected>Choose One</option>

                                        <option value="">...</option>

                                        <option value="">...</option>

                                        <option value="">...</option>

                                        </select>

Copy

                                    
                                    <!-- SUCCESS -->

                                        <select class="form-select is-valid" name="" id="">...</select>

                                        <!-- SUCCESS WITH MESSAGE -->

                                        <select class="form-select is-valid" name="" id="">...</select>

                                        <div class="valid-feedback">Text</div>

                                        <!-- ERROR WITH MESSAGE -->

                                        <select class="form-select is-invalid" name="" id="" required>...</select>

                                        <div class="invalid-feedback">Text</div>

Example: Select with jQuery Chosen Plugin

Copy

                                    
                                        <select class="chosen-select w-100" name="" id="" data-placeholder="Choose One">

                                        <option value="" selected></option>

                                        <option value="">...</option>

                                        <option value="">...</option>

                                        <option value="">...</option>

                                        </select>

Copy

                                    
                                        <!-- JAVASCRIPT ---------->

                                        <script type="text/javascript" src="/scripts/common/js/chosen-1.4.2/chosen.js"></script>

                                        <script type="text/javascript">

                                        $(document).ready(function() {

                                        $("#chosenID").chosen()

                                        });

                                        </script>