Java province and city cascading drop-down menu example code-javaTutorial-php.cn

Home

Java

javaTutorial

Java province and city cascading drop-down menu example code

高洛峰

Jan 17, 2017 am 11:28 AM

The example in this article shares the specific code of java province and city cascade for your reference. The specific content is as follows

1.LoadAreaServlet.java

package com.scce.servlet;
  
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
  
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
  
import net.sf.json.JSONArray;
  
import com.scce.pojo.City;
import com.scce.pojo.Prov;
  
public class LoadAreaServlet extends HttpServlet {
  
    
    
  private static final long serialVersionUID = 1L;
  
  public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
      this.doPost(request, response);
  }
  
    
  public void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    response.setContentType("text/html;charset=utf-8");
    request.setCharacterEncoding("utf-8");
    PrintWriter out = response.getWriter();
    ArrayList<Prov> provs = new ArrayList<Prov>();
    String provinceID = request.getParameter("provinceID");
    if (provinceID=="" || provinceID==null) {
      System.out.println("加载地级市信息");
    Prov pro1 = new Prov();
    pro1.setId(0);
    pro1.setProvinceName("湖北");
    Prov pro2 = new Prov();
    pro2.setId(1);
    pro2.setProvinceName("湖南");
    Prov pro3 = new Prov();
    pro3.setId(2);
    pro3.setProvinceName("广东");
    Prov pro4 = new Prov();
    pro4.setId(3);
    pro4.setProvinceName("广西");
    provs.add(pro1);
    provs.add(pro2);
    provs.add(pro3);
    provs.add(pro4);
    System.out.println(JSONArray.fromObject(provs).toString()); //[{"id":0,"provinceName":"湖北"},{}]
    out.print(JSONArray.fromObject(provs).toString());
    }else{
      ArrayList<City> citys = new ArrayList<City>();
      if (provinceID.equals("0")) {
        City city1 = new City();
        city1.setId(0);
        city1.setCityName("武汉市");
        City city2 = new City();
        city2.setId(1);
        city2.setCityName("黄石市");
        City city3 = new City();
        city3.setId(2);
        city3.setCityName("十堰市");
        citys.add(city1);
        citys.add(city2);
        citys.add(city3);
      }
      if (provinceID.equals("1")) {
        City city1 = new City();
        city1.setId(0);
        city1.setCityName("长沙市");
        City city2 = new City();
        city2.setId(1);
        city2.setCityName("岳阳市");
        City city3 = new City();
        city3.setId(2);
        city3.setCityName("湘潭市");
        citys.add(city1);
        citys.add(city2);
        citys.add(city3);
      }
      System.out.println(JSONArray.fromObject(citys).toString());
      out.print(JSONArray.fromObject(citys).toString());
    }  
  }
    
  
}

2.test1.html

<!DOCTYPE html>
<html>
 <head>
  <title>chapter4-test1</title>
    
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="this is my page">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
   
  
 <link rel="stylesheet" href="../UI/themes/icon.css" type="text/css"></link>
   
 <link rel="stylesheet" href="../UI/themes/default/easyui.css" type="text/css"></link>
   
 <!-- <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script> -->
 <script type="text/javascript" src="../UI/jquery.min.js"></script>
 <script type="text/javascript" src="../UI/jquery.easyui.min.js"></script>
   
 <script type="text/javascript" src="../UI/locale/easyui-lang-zh_CN.js"></script>
 <script type="text/javascript">
 //LoadAreaServlet
  /* var dataCombobox=[{"id":1,"provinceName":"湖北省"}, 
    {"id":2,"provinceName":"湖南省","selected":true},
    {"id":3,"provinceName":"河北省"},
    {"id":4,"provinceName":"河南省"}
  ]; */
 $(function () {
       $("#province").combobox({
         width: 150,
         valueField: &#39;id&#39;, //1
         textField: &#39;provinceName&#39;, // 湖北省              
         editable: false,
        // data:dataCombobox //指定下拉列表的数据源
        url:&#39;../LoadAreaServlet&#39;,
        method:&#39;post&#39;,
        onLoadSuccess:function(data){
            
          var provId = $("#province").combobox("getValue");
            
          loadCity(provId);
        },
        onSelect:function(recode){
          loadCity(recode.id);
        }
          
       });
     });
  
     function loadCity(provId){
       $("#city").combobox({
         width: 150,
         valueField: &#39;id&#39;, //1
         textField: &#39;cityName&#39;, // 湖北省              
         editable: false,
        // data:dataCombobox //指定下拉列表的数据源
        url:&#39;../LoadAreaServlet?provinceID=&#39;+provId,
        method:&#39;post&#39;
       });
     }
   
 </script>
 </head>
   
 <body> 
  省：
  <select id="province" >
     <option value="0">数据加载中..</option>
         
  </select>
  <br/>
    
  市：
  <select id="city" >
     <option value="">数据加载中..</option>
  </select>
   
   
 </body>
</html>

The above is the entire content of this article, I hope it will be helpful to everyone learning java programming.

For more articles related to java provincial and municipal cascading drop-down menu example codes, please pay attention to the PHP Chinese website!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Java Platform Independence: Differences between OSMay 16, 2025 am 12:18 AM

There are subtle differences in Java's performance on different operating systems. 1) The JVM implementations are different, such as HotSpot and OpenJDK, which affect performance and garbage collection. 2) The file system structure and path separator are different, so it needs to be processed using the Java standard library. 3) Differential implementation of network protocols affects network performance. 4) The appearance and behavior of GUI components vary on different systems. By using standard libraries and virtual machine testing, the impact of these differences can be reduced and Java programs can be ensured to run smoothly.

Java's Best Features: From Object-Oriented Programming to SecurityMay 16, 2025 am 12:15 AM

Javaoffersrobustobject-orientedprogramming(OOP)andtop-notchsecurityfeatures.1)OOPinJavaincludesclasses,objects,inheritance,polymorphism,andencapsulation,enablingflexibleandmaintainablesystems.2)SecurityfeaturesincludetheJavaVirtualMachine(JVM)forsand

Best Features for Javascript vs JavaMay 16, 2025 am 12:13 AM

JavaScriptandJavahavedistinctstrengths:JavaScriptexcelsindynamictypingandasynchronousprogramming,whileJavaisrobustwithstrongOOPandtyping.1)JavaScript'sdynamicnatureallowsforrapiddevelopmentandprototyping,withasync/awaitfornon-blockingI/O.2)Java'sOOPf

Java Platform Independence: Benefits, Limitations, and ImplementationMay 16, 2025 am 12:12 AM

JavaachievesplatformindependencethroughtheJavaVirtualMachine(JVM)andbytecode.1)TheJVMinterpretsbytecode,allowingthesamecodetorunonanyplatformwithaJVM.2)BytecodeiscompiledfromJavasourcecodeandisplatform-independent.However,limitationsincludepotentialp

Java: Platform Independence in the real wordMay 16, 2025 am 12:07 AM

Java'splatformindependencemeansapplicationscanrunonanyplatformwithaJVM,enabling"WriteOnce,RunAnywhere."However,challengesincludeJVMinconsistencies,libraryportability,andperformancevariations.Toaddressthese:1)Usecross-platformtestingtools,2)

JVM performance vs other languagesMay 14, 2025 am 12:16 AM

JVM'sperformanceiscompetitivewithotherruntimes,offeringabalanceofspeed,safety,andproductivity.1)JVMusesJITcompilationfordynamicoptimizations.2)C offersnativeperformancebutlacksJVM'ssafetyfeatures.3)Pythonisslowerbuteasiertouse.4)JavaScript'sJITisles

Java Platform Independence: Examples of useMay 14, 2025 am 12:14 AM

JavaachievesplatformindependencethroughtheJavaVirtualMachine(JVM),allowingcodetorunonanyplatformwithaJVM.1)Codeiscompiledintobytecode,notmachine-specificcode.2)BytecodeisinterpretedbytheJVM,enablingcross-platformexecution.3)Developersshouldtestacross

JVM Architecture: A Deep Dive into the Java Virtual MachineMay 14, 2025 am 12:12 AM

TheJVMisanabstractcomputingmachinecrucialforrunningJavaprogramsduetoitsplatform-independentarchitecture.Itincludes:1)ClassLoaderforloadingclasses,2)RuntimeDataAreafordatastorage,3)ExecutionEnginewithInterpreter,JITCompiler,andGarbageCollectorforbytec

See all articles

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Roblox: Grow A Garden - Complete Mutation Guide

4 weeks agoByDDD

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys

1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Nordhold: Fusion System, Explained

1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Mandragora: Whispers Of The Witch Tree - How To Unlock The Grappling Hook

4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Clair Obscur: Expedition 33 UE-Sandfall Game Crash? 3 Ways!

2 weeks agoByDDD

Hot Tools

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.