下拉框中实时获取动态数据

1.bootstrap中的下拉框代码

<div class="dropdown">
		<button class="btn btn-default dropdown-toggle" type="button"
			id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
			aria-expanded="true">
			网关选择 <span class="caret"></span>
		</button>
		<ul class="dropdown-menu" aria-labelledby="dropdownMenu1" id="ultop">
<!-- 			<li><a href="#">Action</a></li>
			<li><a href="#">Another action</a></li> 
			<li><a href="#">Something else here</a></li>
			<li role="separator" class="divider"></li>
			<li><a href="#">Separated link</a></li> -->
		</ul>
	</div>

2.以ajax动态获取参数

$(document).ready(function() {
			$.ajax({
				url:"${APP_PATH}/getgnamestotu",
				type:"GET",
				success:function(result){
				//	console.log(result)
				//$("#admAddModal select").append("")
				$.each(result,function(){
					//var optionEle = $("<li></li>").append("<a href=\"temperature?name="+this.roleName+"\"> this.roleName </a>").attr("value",this.roleId);
					var tempflag = $("<li></li>").append($("<a></a>").append(this.gname).attr("href","zexiantutest.jsp?zxname="+this.gname+""));
					//	optionEle.appendTo();
					//optionEle.appendTo("#ultop");
					tempflag.appendTo("#ultop");
				});
				}
				
			});
			
		});

3.这里是将所有网关的数据加到下拉列表里面。并且给网关值加一个带参的跳转。

4.结果：以下的数据就是从数据库中获取的