BOOTSTRAP实现下拉搜索框以及解决无法重置的问题

源代码：

<div class="cams_query col-sm-10 col-md-10 col-lg-10 ">
                        <label class="col-sm-8 text-right" for="">地区</label>
                        <div class="col-sm-12">
                            <select id="regioncode"  name="regioncode"  **class="selectpicker show-tick form-control"  data-live-search="true"**>
                                <option value="">全部</option>
                                #foreach($SysRegioninfoVo in $regionMap.entrySet())
                                    <option value="${SysRegioninfoVo.key}"
                                        #if(${StringUtils.equals($!{pbcAcctinfoQo.regioncode},${SysRegioninfoVo.key})})
                                            selected
                                        #end >$SysRegioninfoVo.value</option>
                                #end
                            </select>
                        </div>
 </div>
<div class="col-sm-24 col-md-24 col-lg-24 text-right btn-box">
                        <button id="data-query" class="btn btn-sm btn-submit">查询</button>
                        <input class=" btn btn-sm btn-reset" type="reset" id="reset-all" value="重置"/>
</div>

效果如图所示：

其实只要在select的class属性里面加上

selectpicker show-tick form-control"  data-live-search="true"

但是改完后发现重置按钮对此不起效，于是进行了各种尝试
首先给重置按钮加上了个id（reset-all）
~~尝试1：

$("#reset-all").on("click",function () {
            $("select:first option:first").attr("selected",true);
        })

没卵用~~

尝试2：

 $("#reset-all").click(function(){
               $(':input').attr("value",'');
               $("select.selectpicker").each(function(){
                        $(this).selectpicker('val',$(this).find('option:first').val());    //重置bootstrap-select显示
                       $(this).find("option").attr("selected", false);                    //重置原生select的值
                       $(this).find("option:first").attr("selected", true);
                    });
             });

完美解决！

尝试3：

 $("#reset-all").click(function(){
document.getElementById("bankkindid").options.selectedIndex = 0;//dom选取id，并选中第一个选项
            $("#bankkindid").selectpicker('refresh');  //刷新
              });

完美解决！