bootstrap中select控件无法动态加载option选项的问题

原本是这样写（节选主要部分）：

 var brand = $('#cmbBrand');
        brand.empty();
        brand.append("请选择");
        $.ajax({
            url: '/Teaching/Brand/GetBrandJson',
            type: "get",
            dataType: "json",
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    brand.append("" + data[i].text + "");
                }
            }
        });
        brand.val("0");

会发现，所有option都没加上去，但是用alert来报for循环的生成项目，是有数据的！！但是option没添加上去...

反正用append来添加html，索性append到底：

$('#spanBrand').empty();    
  
$.ajax({ url: '/Teaching/Brand/GetBrandJson', 
type: "get", 
dataType: "json", 
success: function (data) 
{ 
	var strSelect = ""; 
	strSelect += ""; 
	strSelect += "请选择"; 
	for (var i = 0; i < data.length; i++) { 
		strSelect += "" + data[i].text + ""; 
	} 
	strSelect += "";
	$('#spanBrand').append(strSelect); } 
}); 

建立一个空的span标签，再用ajax读取数据后，拼接一个完整的select标签的字符串(含所有选项option)，最后append到span中去！成功！