bootstrap / select、selectpicker 单选/多选/ ajax获取、各种刷新、重置 / 验证样式
单选：
ajax动态设置：
function selTest(v) {
$.ajax({
// async:false, //根据需求，选择同步或异步获取数据
type: "post",
url: url,
dataType: "json",
data:{"project_id": currentProId},
success: function (json) {
console.log(json);
var Data=json.data,length=Data.length;
if(length>0){
var html = "";
for (var i = 0; i < length; i++) {
html += "";
}
$(ele).html(html);
}else{
$(ele).html("");
}
$(ele).selectpicker('refresh'); //设置好内容后刷新， 多用于异步请求
if(v>0){
$(ele).selectpicker('val',v); //如果需要同时设置显示指定的val
}
},
error: function () {
console.log("请求失败");
}
});
}
多选：
配合 bootstrapValidator 验证样式：
$(function(){
$('.testForm')
.bootstrapValidator({
message: 'This value is not valid',
excluded: [":disabled"], //这句一定要加
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
bind:{
validators: {
notEmpty: { //多选验证要加这句
message: '请选择'
},
callback:{ //一般单选用这一条就行----------
message:'请选择',
callback:function (value,validator) {
if(value==""){
return false;
}else{
return true;
}
}
}
}
}
}
})
.on('success.form.bv', function(e) {
e.preventDefault();
});
});
提交后手动刷新、清空表单：
$('#formId').data('bootstrapValidator').resetForm(true);
暂时想到这些，后面想到其他的再来补充
