如何为Bootstrap Country Picker设置「未选择」默认选项？

有两种简单的方法可以添加「未选择」默认项：

方案1：手动插入默认选项 #

直接在<select>标签内预先添加一个空值的选项，插件初始化时会保留这个选项，并在其后追加所有国家选项：

<select class="form-control selectpicker countrypicker" id="country" name="country" data-flag="true" data-default="">
  <option value="">未选择</option>
</select>

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

方案2：通过插件配置添加 #

初始化插件时传入defaultOption参数，指定默认项的文本和值，无需手动修改HTML结构：

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

<script>
  $('.countrypicker').countrypicker({
    defaultOption: {
      value: "",
      text: "未选择"
    }
  });
</script>

也可以通过HTML的data-default-option属性配置，效果和上面一致：

<select class="form-control selectpicker countrypicker" id="country" name="country" data-flag="true" data-default="" data-default-option='{"value":"", "text":"未选择"}'></select>

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

内容的提问来源于stack exchange，提问作者acctman