bootstrap-select ajax动态添加值中遇到的IE兼容问题解决

位置:首页>文章>详情   分类: 教程分享 > Java教程   阅读(1951)   2024-03-05 14:05:16

bootstrap-select ajax动态添加值中遇到的IE兼容问题解决

1.不兼容IE浏览器的方式

$(function{
	$.ajax({
		url:'your request url',
		type:'GET',
		success:function(data){
			//通过data组装options
			var options='';
			$.each(data.arr,function(index,element){
				options+='<option value="'+element.id+'">'+element.value+'</option>';
			})
			$('#you-select-id').append(options);
			$('#you-select-id').selectpicker({
	            style: 'btn-default',
	            noneSelectedText:'请选择',
	            liveSearch:true,
	            size:6,//下拉时候超过6个设置滚动条,默认显示所有
	        });
			$('#you-select-id').selectpicker('refresh');
		}
	});
})


2.兼容IE浏览器的方式

$(function{
	$('#you-select-id').selectpicker({
        style: 'btn-default',
        noneSelectedText:'请选择',
        liveSearch:true,
        size:6,//下拉时候超过6个设置滚动条,默认显示所有
    });
	$.ajax({
		url:'your request url',
		type:'GET',
		success:function(data){
			//通过data组装options
			var options='';
			$.each(data.arr,function(index,element){
				options+='<option value="'+element.id+'">'+element.value+'</option>';
			})
			$('#you-select-id').append(options);
			$('#you-select-id').selectpicker('refresh');
		}
	});
})

 

地址:https://www.leftso.com/article/181.html

相关阅读

bootstrap-select ajax动态添加值中遇到的IE兼容问题解决
bootstrap table插件使用说明demo
bootstrap-table pageNumber无法获取值解决
已封装成为插件欢迎使用及反馈插件下载:(访问密码9987)bootstrap-viewer.zipbootstrap image viewer 图片放大查看实现效果:小图  大图  &lt;!D...
bootstrap table跨域问题完美解决
Bootstrap 的导航菜单navba的高度修改
我们知道spring boot可以通过文件名来区分配置,如下:application.ymlapplication-dev.yml #开发环境application-test.yml #测试环境...
错误信息 spring cloud 启动报错 No spring.config.import property has been defined 环境说明 spring ...
在Java编程中,ORM框架mybaties处理@Select注解中的动态sql处理方法
需求:将表(tableA)里面的字段column1值为33的改为22错误示例update tableA set column1='22'  where uid in ( select uid f...