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

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');
		}
	});
})

bootstrap-select bootstrap

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