zoukankan      html  css  js  c++  java
  • 二级联动(jquery-ajax-json-springmvc)

      

    html代码

    <select id="firstDepartment" onchange="onChange()">
      <option value="0">1</option>
      <option value="1">1</option>
      <option value="2">2</option> </select> <select id="secondDepartment"/>

    js代码

    //firstLevelName  一级下拉框
    //secondLevelName 二级下拉框

    function onChange(){ var firstLevelName
    = $('#firstDepartment').val(); $.ajax({ url: 'getSecondLevelNames', type: 'get', contentType: "application/json; charset=utf-8", data:{firstLevelName: firstLevelName}, dataType: 'json', success: function(data){ var names = data.secondLevelNames; $('#secondDepartment').empty(); for(var i in names){ $("<option value = '" + decodeURI(names[i]) + "' >" + decodeURI(names[i]) + "</option>").appendTo($('#secondDepartment')); } } } ); }

    后台代码

        @RequestMapping(value = "/getSecondLevelNames", method = RequestMethod.GET)
        public @ResponseBody String getSecondLevelNames(@RequestParam(value = "firstLevelName") String firstLevelName){
    
            List<String> secondLevelName = LevelUtil.getSecondLevelNames(firstLevelName);
            JSONObject json = new JSONObject();
            json.put("secondLevelNames", secondLevelName);
    
            return json.toString();
        }
  • 相关阅读:
    Linux
    Linux
    JavaScript
    JavaScript
    Linux
    不可不说的Java“锁”事
    RabbitMQ公共配置
    求一个数字的补码
    项目中Controller的全局异常处理类
    如何较方便给上百张数据库表添加表字段
  • 原文地址:https://www.cnblogs.com/QinH/p/4741387.html
Copyright © 2011-2022 走看看