AJAX动态给下拉框的option中赋值

最新推荐文章于 2023-10-06 04:09:55 发布

原创最新推荐文章于 2023-10-06 04:09:55 发布 · 5.6k 阅读

2 ·

CC 4.0 BY-SA版权

java基础专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用Ajax实现的前后端交互案例，前端通过发送POST请求获取风险代码列表，并将其填充到下拉框中；后端通过PrpDriskFindByConditionsCommand处理请求并返回数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
      url: "/sales/saSettleAccount.do?actionType=queryRiskCode&codeType=queryRiskCodeAllSelect", //要写绝对路径
      type: "POST",
      dataType: "json",
      async : false,
       error: function (XMLHttpRequest, textStatus, errorThrown) {
              // displayMessage(XMLHttpRequest.status);
              // displayMessage(XMLHttpRequest.readyState);
               // displayMessage(textStatus);
        },

         success : function(jsonOBJ)
         {
         var jsonOBJs=[];
         for(var i=0;i<jsonOBJ.length;i++){
              var option = new Option(jsonOBJ[i].riskCode+"-"+jsonOBJ[i].riskCName,jsonOBJ[i].riskCode);
                 riskCode.options.add(option);//riskCode为select标签的name

             }
   var select = document.getElementById("riskCodeId");
  for(var i=0; i<select.options.length; i++){ //此处的for循环为将下拉框中的值全都选中
            select.options[i].selected = true;
    }
         }
     });

后台

  PrpDriskFindByConditionsCommand command = new PrpDriskFindByConditionsCommand(conditions);
  Collection result = (Collection) command.execute();
  for (Iterator iter = result.iterator(); iter.hasNext();) {
       PrpDriskDto prpDriskDto = (PrpDriskDto) iter.next();
   codeValues.add(prpDriskDto);
  }
  response.setContentType("text/html;charset=UTF-8");

String riskCodeCollections= JSON.toJSONString(codeValues);

response.getWriter().write(riskCodeCollections);