boostrap-select 用js获取后台数据显示空(实际上数据传)

问题描述:用js获取后台数据,bootstrap-select 显示不出数据(实际上普通的select是用的)。
原因缺少:$('.selectpicker').selectpicker('val', ''); $('.selectpicker').selectpicker('refresh'); 获取后需要重新刷新。

代码块:

var req;
	function Change_Select() {// 当第一个下拉框的选项发生改变时调用该函数
		var linkman = document.getElementById("linkman").value;
		var url = "SystemManage/user/company.jsp?linkman=" + encodeURIComponent(linkman);
		if (window.XMLHttpRequest) {
			req = new XMLHttpRequest();
		} else if (window.ActiveXObject) {
			req = new ActiveXObject("Microsoft.XMLHTTP");
		}
		if (req) {
			req.open("POST", url, true);
			// 指定回调函数为callback
			req.onreadystatechange = callback;
			req.send(null);
		}
	}
	// 回调函数
	function callback() {
		if (req.readyState == 4) {
			if (req.status == 200) {
				parseMessage();// 解析XML文档
			} else {
				alert("不能得到描述信息:" + req.statusText + " " + req.status);
			}
		}
	}
	// 解析返回xml的方法
	function parseMessage() {
		var xmlDoc = req.responseXML.documentElement;//获得返回的XML文档
        var xSel = xmlDoc.getElementsByTagName('select');
		var select_root = document.getElementById('company'); // 获得网页中的第二个下拉框
		select_root.options.length = 0; // 每次获得新的数据的时候先把每二个下拉框架的长度清0
		if(selectingw==1){
			select_root.add(new Option(companystr,companystr));
		}else{
			for ( var i = 0; i < xSel.length; i++) {
			    var xValue = xSel[i].childNodes[0].firstChild.nodeValue;
	        	//获得每个<select>标记中的第一个标记的值,也就是<value>标记的值
	        	var xText = xSel[i].childNodes[1].firstChild.nodeValue;
	        	//获得每个<select>标记中的第二个标记的值,也就是<text>标记的值
			    var option = new Option(xText, xValue);
			    // 根据每组value和text标记的值创建一个option对象
			    try {
			        select_root.add(option);// 将option对象添加到第二个下拉框中
			    } catch (e) {
			    }
	        }
        }
        selectingw=0;
       		 $('.selectpicker').selectpicker('val', '');
		$('.selectpicker').selectpicker('refresh');
	}

不加这个时,联系人选择完后,客户公司是空的

在js遍历完后台要显示的数据后,加上

$( '.selectpicker' ).selectpicker( 'val' '' );
$( '.selectpicker' ).selectpicker( 'refresh' );

这两行代码。问题解决,客户select选择框正常显示。




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值