Jquery-dynamic loading option

Always forget, record it

html：

 <div class="col-md-4">                    
     <label class="control-label col-md-4">省份</label>                       
     <select class="form-control selectpicker" id="ProvinceId"name="ProvinceId" >
     </select>
                       
 </div>

js：

    function GetProvince() {
            $("select[name=ProvinceId]").empty();
            $.ajax({
                type: "GET",
                dataType: "json",
                url: "@Url.Action("getProvinceList")",
                success: function (res) {
                    debugger
                    var option = "<option value=\"\">请选择</option>";
                    for (var i = 0; i < res.length; i++) {
                        option+="<option value=\"" + res[i].Value + "\">" + res[i].Text + "</option>";
                    }
                    $("select[name=ProvinceId]").append(option);
                    $("select[name=ProvinceId]").selectpicker('refresh');
                }
            })

        }

If the option list has no value, refresh the selectpicker;

 $("select[name=ProvinceId]").selectpicker('refresh');