直接看代码
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);
}
});
同时还可以根据动态添加的选项控制下拉框的高度