Bootstrap country selector defaults to "unselected"

Question

With the Bootstrap country selector, I am using the code below to populate the countries. It works fine but there is no "unselected" default value. Is there any solution...?

<script>
  $('.countrypicker').countrypicker();
</script>

    <select class="form-control selectpicker countrypicker" id="country" name="country" data-flag="true" data-default=""></select>

Answer 1

If you want to change the text "Nothing selected", set the title attribute to whatever you need.

For example: title="My custom text"

Add option