bootstrap-editable下拉框默认选中

bootstrap-editable下拉框默认选中

bootstrap-editable下拉框默认选中_第1张图片
value 属性是你默认要选中的值

// 变下拉框修改
		$(this).editable({
			type : "select", // 编辑框的类型。支持text|textarea|select|date|checklist等
			title : "性别", // 编辑框的标题
			disabled : false, // 是否禁用编辑
			emptytext : "空文本", // 空值的默认文本
			source: [{value:1,text:"男"},{value:0,text:"女"}], //动态形成下拉框
			value:1,//1代表你需要选中的value值
			mode : "popup", // 编辑框的模式:支持popup和inline两种模式,默认是popup
			validate : function(value) { // 字段验证
			}
});


效果图
bootstrap-editable下拉框默认选中_第2张图片
复选框

// 复选框修改默认选中
		$(this).editable({
			type : "checklist", // 编辑框的类型。支持text|textarea|select|date|checklist等
			title : "爱好", // 编辑框的标题
			disabled : false, // 是否禁用编辑
			emptytext : "空文本", // 空值的默认文本
		    value:“上网、聊天”,
			separator:"、",//分隔符
			source: [{value:"上网",text:"上网"},{value:"聊天",text:"聊天"},{value:"睡觉",text:"睡觉"},{value:"看书",text:"看书"}], //动态形成下拉框
			mode : "popup", // 编辑框的模式:支持popup和inline两种模式,默认是popup
			validate : function(value) { // 字段验证
}
});

separator属性的分隔符与value字符串分隔符一致
效果图

你可能感兴趣的:(bootstrap-editable下拉框默认选中)