select

select

by ismett

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-*.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<label for="">Select your language</label>
<select class="selectpicker show-tick">
  <option> English</option>
  <option> Hrvatski</option>
</select>

CSS

.caret {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-top: 10px solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.caret-set {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-bottom: 10px solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

JavaScript

$(document).ready(function() {

   $("select.show-tick").click(function() {
     $(".bs-caret span").toogleClass("caret-set");
   });

 });