Second-level linkage (JQUERY-AJAX-JSON-SPRINGMVC)

HTML code

<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 Code

//firstlevelname drop-down box
Secondlevelname level Two drop-down box

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 ($ (' #secondDepa Rtment '));        }                        }                    }            ); }

Background code

    @RequestMapping (value = "/getsecondlevelnames", method = requestmethod.get)    public @ Responsebody string Getsecondlevelnames (@RequestParam (value = "Firstlevelname") string firstlevelname) {         List<String> secondlevelname = levelutil.getsecondlevelnames (firstlevelname);         New Jsonobject ();        Json.put ("Secondlevelnames", secondlevelname);         return json.tostring ();    }

Second-level linkage (JQUERY-AJAX-JSON-SPRINGMVC)