selectpicker下拉列表使用Jquery初始化数据

HTML

<select id="specification" class="selectpicker form-control col-md-2" data-live-search="true" data-size="5"></select>

js初始化搜索下拉列表

			$("#selectpicker").selectpicker({
    
    
				noneSelectedText : '---请选择---'//默认显示内容 
			});
			//数据赋值 
			var select = $("#specification");
			select.append("<option value='1'>香蕉</option>");
			select.append("<option value='2'>苹果</option>");
			select.append("<option value='3'>橘子</option>");
			select.append("<option value='4'>石榴</option>");
			select.append("<option value='5'>棒棒糖</option>");
			select.append("<option value='6'>桃子</option>");
			select.append("<option value='7'>陶子</option>");
			//初始化完成刷新数据
			$('#specification').selectpicker('refresh');

关键代码

//初始化完成刷新数据
$('#specification').selectpicker('refresh');

猜你喜欢

转载自blog.csdn.net/weixin_44315761/article/details/108361883