bootstrap按钮下拉框可显示所选内容

我们知道 bootscript的按钮下拉框的按钮是不显示所选内容，只剩触发所选内容的点击事件，
所以在这里用原生的JS控制，做一个可以显示内容的下拉框
效果如下：

H5

    <div class="btn-group">
        <button type="button" class="btn btn-primary dropdown-toggle"
            data-toggle="dropdown" id="Info" style="width: 100px; height: 35px">
        </button>
        <ul class="dropdown-menu" role="menu" id="lists">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </div>

JS

window.onload= function  change(){
     var list = document.getElementById("lists").getElementsByTagName("li");
         for(i=0;i<list.length;i++){
             list[i].onclick = function(){

                 $("#Info").html(this.innerHTML);
             }
                    }
         }