利用ajax实现页面动态加载select下拉框
2015-04-10 00:00
465 查看
摘要: 例如ajax实现页面动态加载select下拉框
//JS文件 $("#category").ready(function(){ $.ajax({ type: "POST", url: "sdkactivity/getCategoryList.ac", success: function(data){ if(data.result=="true"){ var returndata = data.resultData; var ganmeInfo = returndata.split(","); $("#category").empty(); for(var i=0;i<ganmeInfo.length;i++){ var aGame = ganmeInfo[i].split(":"); var ui="<option value='"+aGame[0]+"'>"+aGame[1]+"</option>"; $("#category").append(ui); } } } }); });
//页面代码 <select id="category" name="category" style="width: 200px;"></select>
//action代码 Map<String, String> resultMap = getMessageMap(); List<MpgameSdkCategory> categorys = this.commonService.findList(MpgameSdkCategory.class, 0, Integer.MAX_VALUE, null,Factor.create("deleted", C.Eq,0 ),Factor.create("fkGameId", C.Eq,gameId)); String resultData= ""; for (MpgameSdkCategory category : categorys) { if (resultData=="") { resultData = category.getId()+":"+category.getName(); } else { resultData = resultData+","+category.getId()+":"+category.getName(); } } resultMap.put("result", "true"); resultMap.put("resultData", resultData);
相关文章推荐
- 利用JQuery的load函数动态加载其它页面的内容的实现代码
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 利用Ajax无全页面提交实现动态画图
- 利用Ajax无全页面提交实现动态画图
- 利用JQuery的load函数动态加载其它页面的内容的实现代码
- ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray或通过JSP传)在Struts 2实现Ajax动态加载树结点
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- 利用Ajax实现树的动态加载
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- (更新版)ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray)在Struts 2实现Ajax动态加载树结点
- MVC4中AJAX Html页面打开调用后台方法实现动态加载数据库中的数据
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 利用ajax实现页面动态修改
- 利用动态加载模板,配合ajax实现无刷新操作
- js加载Json数组实现ajax加载动态页面数据
- 利用动态加载模板,配合ajax实现无刷新操作
- VS2008 WINFROM 利用WeifenLuo +OUTLOOKBAR +IrisSkin2.dll实现换肤 标签页面 以及子动态加载子菜单的实实例
- 利用Ajax实现页面局部刷新