bootstrap selectpicker 动态加载数据

实现：

spring mvc负责后台，ajax负责前台。所有代码均为本人工程中真正应用的代码，肯定可行，网上找到各种大bug的代码真是moutain people moutain sea啊！！！！

下拉框写法（是否带搜索功能之类的看业务要求和您个人喜好了）：

选择学校--：
<select id="schoolno" name="schoolno" class="selectpicker" >

</select>

js代码：

function getschoolList() {//获取下拉学校列表
        $.ajax({
            url: "/eschool/viewEschoolList",//写你自己的方法，返回map，我返回的map包含了两个属性：data：集合，total：集合记录数量，所以后边会有data.data的写法。。。
// 数据发送方式
            type: "get",
// 接受数据格式
            dataType: "json",
// 要传递的数据
            data: 'data',
// 回调函数，接受服务器端返回给客户端的值，即result值
            success: function (data) {
//alert(data.data);

                $.each(data.data, function (i) {
//                    alert(i);


//                    $("<option value='" + data.data[i].schoolno + "'>" + data.data[i].schoolname + "</option>")
//                        .appendTo("#schoolno.selectpicker");
                    $('#schoolno.selectpicker').append("<option value=" + data.data[i].schoolno + ">" + data.data[i].schoolname + "</option>");

                });

             
                $('#schoolno').selectpicker('refresh');

            },

            error: function (data) {

                alert("查询学校失败" + data);

            }
        })

    }

Safari和chrome测试均没问题，IE懒得测，没有windows电脑~~~

转自：http://blog.csdn.net/princeLuan/article/details/64443439