在jquery.easyui包下如何对下拉框进行修改页面中的回显操作

# 实现修改页面数据回显的操作

---

## 1.导入jquery.easyui.min.js包 ## 2.写一个更新触发按钮（这里以模态框为例） 修改 ## 3.触发事件的方法（根据传进来的id值进行判断） function getStudentinfo(stuid){ console.log(id); $.ajax({ //这里是我根据id查询获得对象的controller路径 url:'http://localhost:8086/ee/student/'+stuid, type:'GET', contentType:'application/json;charset=UTF-8', async:true, success:function(data){ //stuInfo是模态框表中的id值（详情可看第四个步骤）$('#stuInfo').form('load',{ //id是模态框中的. data.id是指传进来的id值。同下 id:data.id||'', name:data.name||'', age:data.age||'', sex:data.sex||'', student_class:data.student_class||'', grade:data.grade||'', profession:data.profession||'', }); }, error:function(data){ alert("错误"); } }) } ## 4.模态框中修改的页面：

×

更新学生信息

//这里的id是指更新方法中的id

学号

姓名

年龄

性别

男： 女：

年级

2015级 2016级 2017级 2018级 2019级

班级

21411 21412 21413

专业

通信工程 物联网工程 计算机科学与技术

更新学生列表

关闭

5.注意事项

• 我在研究下拉框如何回显数据的时候，以为要有input和select相结合，才能够让数据回显在input框，然后再通过再select下拉框选择数据，但是会发现出现两个框。
  
• B 只要有select框就行。
  
• C 当数据回显时，你会发现传进来的为空。这可能是因为你数据库写的数据与你下拉框的值不符，所以你重新更新数据库的数据就好了。。
  比如，我们通常为了测试方便，就在专业一栏填2或者数字，但是你后来设的下拉框中并没有数字，所以它就会匹配不到你下拉框的数据，你可以将专业一栏的值变成跟下拉框一样，就能实现这种效果拉。