bootstrap-select默认选中问题解决
2016-12-20 00:00
519 查看
在使用bootstrap-select时会遇到用ajax加载下拉框,有的时候需要默认选中指定的一项该怎么解决?不多说上代码;
$.getJSON("/Smartcms/reservation/rateplansbydate/get", {
"start": $(".arrivalDate").val(),
"end": $(".departureDate").val()
}, function (data) {
ratepalnlist1 = data;
//寻找是否有选中的房型和房间信息
for (var i = 0; i < ratepalnlist1.length; i++) {
var roomttypes = ratepalnlist1[i].roomTypeList;
for (var j = 0; j < roomttypes.length; j++) {
if(roomttypes[j].roomTypeCode==roomtypecode){
selectrateid=ratepalnlist1[i].ratePlanOid;
}
var rooms = roomttypes[j].rooms;
for (var k = 0; k < rooms.length; k++) {
if(rooms[k].roomCode==roomcode){
selectrateid=ratepalnlist1[i].ratePlanOid;
}
}
}
}
$('<option value="0">请选择一个价格类型</option>').appendTo("#basicrateplan");
$.each(data, function (i) {
$('<option value="' + data[i].ratePlanOid + '">' + data[i].ratePlanName + '</option>').appendTo("#basicrateplan");
});
//是否打开搜索框
$("#basicrateplan" ).selectpicker({
liveSearch: true
});
$("#basicrateplan").selectpicker('val',selectrateid);//默认选中 value=“selectrateid” 的option
$("#basicrateplan").selectpicker('refresh');
});
$.getJSON("/Smartcms/reservation/rateplansbydate/get", {
"start": $(".arrivalDate").val(),
"end": $(".departureDate").val()
}, function (data) {
ratepalnlist1 = data;
//寻找是否有选中的房型和房间信息
for (var i = 0; i < ratepalnlist1.length; i++) {
var roomttypes = ratepalnlist1[i].roomTypeList;
for (var j = 0; j < roomttypes.length; j++) {
if(roomttypes[j].roomTypeCode==roomtypecode){
selectrateid=ratepalnlist1[i].ratePlanOid;
}
var rooms = roomttypes[j].rooms;
for (var k = 0; k < rooms.length; k++) {
if(rooms[k].roomCode==roomcode){
selectrateid=ratepalnlist1[i].ratePlanOid;
}
}
}
}
$('<option value="0">请选择一个价格类型</option>').appendTo("#basicrateplan");
$.each(data, function (i) {
$('<option value="' + data[i].ratePlanOid + '">' + data[i].ratePlanName + '</option>').appendTo("#basicrateplan");
});
//是否打开搜索框
$("#basicrateplan" ).selectpicker({
liveSearch: true
});
$("#basicrateplan").selectpicker('val',selectrateid);//默认选中 value=“selectrateid” 的option
$("#basicrateplan").selectpicker('refresh');
});
相关文章推荐
- jsp中select标签解决默认选中问题
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
- 解决IE浏览器下select下拉框默认样式问题
- 解决RadioButton默认选中时调用setOnCheckedChangeListener的问题
- bootstrap-select 无法选中 的问题
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
- 堆表的在执行Select语句时的默认排序问题——解决问题
- 解决下拉列表框默认选中值的问题
- Android(2.2/2.3系统)Gallery解决默认和横竖屏切换选中状态问题
- bootstrap-multiselect.js多选下拉框初始化时默认选中初始值
- extjs Grid 时,默认初始选中,解决默认选不中的问题
- [iOS]iOS7+ UITabBar修改选中图片显示为默认蓝色的问题解决方法,去除UITabbar顶部一像素横线
- Bootstrap Flat UI的select下拉框显示问题解决
- 解决treeview未选中时,默认选中首个根节点的问题!
- struts2的 select标签选中问题解决
- Extjs中的ComboBox在加载时默认选中值的问题的解决办法。
- RadioGroup里设置RadioButton为初始的都不选中状态及设置默认选中出现的问题及解决方法
- bootstrap-select清除选中的状态,恢复默认状态
- select标签以及默认选中当前分类问题