BT-selectpicker数据加载和读取

bootstrap-selectpicker下拉框控件的一些常用操作实例(ajax动态加载数据方法、获取当前选中项、设置选中项值、内容项选中事件) ,话不多说直接贴代码。

一、ajax动态加载数据

function GetAdminClassifyData() {
    $.ajax({
        url: "/XXXXX/XXXXXX",//请求地址(控制器地址)
        type: "POST",
        success: function (data) {
            for (var i = 0; i < data.length; i++) {
                $('#AdminClassifyID').append("<option value=" + data[i].Id + ">" + data[i].Name + "</option>");
            }
            $('#AdminClassifyID').selectpicker('refresh');
            $('#AdminClassifyID').selectpicker('render');
        }
    });
}

二、获取当前选中项value值

$("#AdminClassifyID").val()

三、设置选中项value值(赋值自动匹配选中)

$("#AdminClassifyID").selectpicker("val", data.AdminClassifyID).attr("disabled", false);
$('#AdminClassifyID').selectpicker('refresh');
$('#AdminClassifyID').selectpicker('render');

四、内容项选中事件

//页面
<select id="ClassifyName" class="form-control selectpicker" title="请选择" onchange="selectOnchang(this)" name="ClassifyName"></select>
//js
function selectOnchang(obj) {
    var value = obj.options[obj.selectedIndex].value;
}

默默放一张没有任何意义的样式图,别问我为什么,我也不知道

THE END