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;
}
默默放一张没有任何意义的样式图,别问我为什么,我也不知道
版权声明:
作者:兴兴
文章:BT-selectpicker数据加载和读取
链接:https://www.networkcabin.com/original/1130
文章版权归本站所有,未经授权请勿转载。
作者:兴兴
文章:BT-selectpicker数据加载和读取
链接:https://www.networkcabin.com/original/1130
文章版权归本站所有,未经授权请勿转载。
THE END