利用ajax实现页面动态加载select下拉框
博客专区 > 明舞 的博客 > 博客详情
利用ajax实现页面动态加载select下拉框
明舞 发表于3年前
利用ajax实现页面动态加载select下拉框
  • 发表于 3年前
  • 阅读 32
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 例如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);


共有 人打赏支持
粉丝 208
博文 423
码字总数 516510
×
明舞
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: