使用bootstrap的下拉菜单（dropdown-menu）动态多级

当下拉菜单数据动态变化且有多级时，就只能通过JavaScript循环加载。
json数据格式为 GUID、PGUID格式

for (var i in Data) {
	if (Data[i].PGUID == "0") {
		InfoStr += '<li class="dropdown-submenu">' +
			'<a href="###">' + Data[i].Name + '</a>' +
			'<ul class="dropdown-menu">';
	} else {
		InfoStr += '';
	}
	for (var j in Data) {
		if (Data[i].GUID == Data[j].PGUID) {
			InfoStr += '<li class="li"><a href="###">' + Data[j].Name +
				'</a></li>';
		}
	}
	Str += '</ul>' +
		'</li>';
}
// 为弹出层树形选择框赋值
var Li = document.getElementById("dropdown").getElementsByClassName("li");
var Text;
for (var i in Li) {
	(function(j) {
		Li[j].onclick = function() {
			Text = Li[j].innerText;
			o("#Input").val(Text); //赋值给输入框
		};
	})(i)
}