'Parsley error location for select box is not correct

i am using parsley validation for client side it works nicely but all input errors errors shows after any control but select box control shows error before control why?

    <div class="col-md-4">
                                <label>Industry : <b style="color:red">*</b></label>
                                <div class="controls">
                                <select class="selectpicker form-control" data-live-search="true" name="industry" required="" data-parsley-required-message="Industry is required.">
                                  <option value="" >Select Industry </option>
                                </select>
                                <span class="text-danger text-center">{{ $errors->first('industry') }}</span>
                                </di

v>
                        </div>




jQuery("#jobpostform").parsley({ excluded: "input[type=button], input[type=submit], input[type=reset], input[type=hidden], [disabled], :hidden" });

what is mistake in my code ? all validation is run check image error location.

enter image description here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source