Jfinal中实现Ajax动态添加下拉框数据

版权声明：本文为博主原创文章，未经博主允许不得转载。转载请注明出处。 https://blog.csdn.net/CSDN15733185257/article/details/52754256

实现效果如下：

显示页面的JQ代码事例：

$.ajax({  
             url: "${ctx}/resource/getResName" ,    //后台方法名称  
             type: "post", 
             dataType: "json",  
             traditional: true,  
             success: function (data) { 
                  var res =data.resls; 
                  var optionstring = "";  
                  for (var j = 0; j < res.length; j++) {  
                      optionstring += "" + res[j].res_name + "";  
                  }  
                  $("#ques_name").html("请选择... "+optionstring); 
             },  
             error: function (msg) {  
                 alert("下拉框加载出错了！");  
             }  
        });    import cn.sjz.sfj.model.LearnResource;
import java.util.List;


public void getResName(){
		String sql = "select res_id, res_name from learn_resource";
		List resls = LearnResource.dao.find(sql);
		setAttr("resls",resls);
		renderJson();
	}

显示页面的select标签代码事例：

Controller里的方法：

$.ajax({  
             url: "${ctx}/resource/getResName" ,    //后台方法名称  
             type: "post", 
             dataType: "json",  
             traditional: true,  
             success: function (data) { 
                  var res =data.resls; 
                  var optionstring = "";  
                  for (var j = 0; j < res.length; j++) {  
                      optionstring += "" + res[j].res_name + "";  
                  }  
                  $("#ques_name").html("请选择... "+optionstring); 
             },  
             error: function (msg) {  
                 alert("下拉框加载出错了！");  
             }  
        });    import cn.sjz.sfj.model.LearnResource;
import java.util.List;


public void getResName(){
		String sql = "select res_id, res_name from learn_resource";
		List resls = LearnResource.dao.find(sql);
		setAttr("resls",resls);
		renderJson();
	}