easyui中下拉列表动态添加选项

直接看代码

easyui中动态为下拉列表添加选项和jq中的语法有些不同

先看jsp中的代码，创建一个下拉列表

<select id="teacherSelect" class="easyui-combobox" name="teacherId" data-options="width:100"></select>

然后在看<script>中的ajax代码

$(function(){
		$.ajax({
			url : "${pageContext.request.contextPath}/user/selectAllTeacher",
			dataType : "json",
			success : function(result){
                //先定义一个数组，在这里给定了个默认的选项
				var options = [{text:"无上师",value:""}];
				$.each(result,function(index,teacher){
					options.push({
						text : teacher.nickname,
						value : teacher.id
					});
				});
				//读取本地列表数据
				$("#teacherSelect").combobox("loadData",options);
			}	
		});

同时还可以根据动态添加的选项控制下拉框的高度