java省市级联下拉菜单实例代码

本文实例为大家分享了java省市级联的具体代码,供大家参考,具体内容如下

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: 'id', //1
         textField: 'provinceName', // 湖北省
         editable: false,
        // data:dataCombobox //指定下拉列表的数据源
        url:'../LoadAreaServlet',
        method:'post',
        onLoadSuccess:function(data){

          var provId = $("#province").combobox("getValue");

          loadCity(provId);
        },
        onSelect:function(recode){
          loadCity(recode.id);
        }

       });
     });

     function loadCity(provId){
       $("#city").combobox({
         width: 150,
         valueField: 'id', //1
         textField: 'cityName', // 湖北省
         editable: false,
        // data:dataCombobox //指定下拉列表的数据源
        url:'../LoadAreaServlet?provinceID='+provId,
        method:'post'
       });
     }

 </script>
 </head>

 <body>
  省:
  <select id="province" >
     <option value="0">数据加载中..</option>

  </select>
  <br/>

  市:
  <select id="city" >
     <option value="">数据加载中..</option>
  </select>

 </body>
</html>

以上就是本文的全部内容,希望对大家学习java程序设计有所帮助。

(0)

相关推荐

  • java微信开发API第四步 微信自定义个性化菜单实现

    微信如何实现自定义个性化菜单,下面为大家介绍 一.全局说明 详细说明请参考前两篇文章. 二.本文说明 本文分为五部分:     * 工具类AccessTokenUtils的封装     * 自定义菜单和个性化菜单文档的阅读解析     * 菜单JSON的分析以及构建对应bean     * 自定义菜单的实现     * 个性化菜单的实现 微信自定义菜单所有类型菜单都给出演示 本文结束会给出包括本文前四篇文章的所有演示源码 工具类AccessTokenUtils的封装 在上文中关于AccessTo

  • 使用Java编写图形化的菜单的教程

    有两种类型的菜单:下拉式菜单和弹出式菜单.本章只讨论下拉式菜单编程方法.菜单与JComboBox和JCheckBox不同,它们在界面中是一直可见的.菜单与JComboBox的相同之处是每次只可选择一个项目. 在下拉式菜单或弹出式菜单中选择一个选项就产生一个ActionEvent事件.该事件被发送给那个选项的监视器,事件的意义由监视器解释. 菜单条.菜单和菜单项 下拉式菜单通过出现在菜单条上的名字可视化表示,菜单条(JMenuBar)通常出现在JFrame的顶部,一个菜单条显示多个下拉式菜单的名字

  • java实现的二级联动菜单效果

    本文实例讲述了java实现的二级联动菜单效果.分享给大家供大家参考,具体如下: JSP代码: <%@ page language="java" pageEncoding="UTF-8"%> <html> <head> <title>二级菜单联动演示</title> <script type="text/javascript"> var req; window.onload=f

  • java实现菜单滑动效果

    菜单滑动效果的实现 public class MenuScrollerActivity extends BaseGameActivity implements IScrollDetectorListener, IOnSceneTouchListener, IClickDetectorListener { // =========================================================== // Constants // ==================

  • Java树形菜单的创建

    功能:实现创建一个树形菜单 说明:创建树形菜单结构与创建菜单栏类似,是按层次与模型创建的. 通过DefaultMutableTreeNode类创建根节点.子节点和孙节点对象,再通过DefaultTreeModel 类利用根节点创建树模型对象,然后通过treeModel.insertNodeInto方法将节点对象插入树模型中. 效果图: 代码: import java.awt.*; import javax.swing.*; import javax.swing.tree.*; import ja

  • AJAX省市区三级联动下拉菜单(java版)

    此小程序的功能主要是采用异步请求方式从数据库中调取省市区信息显示到下拉列表: 代码如下: 建立数据库中的代码和一些配置文件信息就省略了,主要有JavaScript中的代码为: $(document).ready(function(){ $.get("getProvince.do", function(result){ $("#showp").html(result); }); }) var xmlhttp; function mysend(str){ $(docum

  • java实现微信公众平台自定义菜单的创建示例

    复制代码 代码如下: import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.net.HttpURLConnection;import java.net.MalformedURLException;import java.net.URL; import org.json.JSONObject; public class MenuUtil { /**  * 获得ACC

  • java之swing下拉菜单实现方法

    本文实例讲述了java之swing下拉菜单实现方法.分享给大家供大家参考.具体如下: import java.awt.*; import javax.swing.*; import java.awt.event.*; public class test extends JApplet implements ItemListener{ JLabel jtf; ImageIcon a1, a2, a3; public void init(){ Container contentPane = getC

  • java递归菜单树转换成pojo对象

    复制代码 代码如下: package com.cjonline.foundation.authority.pojo;import java.util.ArrayList;import java.util.Collections;import java.util.Iterator;import java.util.List;import org.apache.log4j.Logger;import com.cjonline.foundation.util.CheckNullEmpty;/** *

  • java省市级联下拉菜单实例代码

    本文实例为大家分享了java省市级联的具体代码,供大家参考,具体内容如下 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; im

  • JavaScript省市级联下拉菜单实例

    最近学了一个关于省市级联简单的小例子,贴出来与大家分享一下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> <select id="selProvince" onchange="chan

  • js实现全国省份城市级联下拉菜单效果代码

    本文实例讲述了js实现全国省份城市级联下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一个大家都知道的网页小功能,很常见,全国省份与城市级联菜单,采用Select下拉的方式选择数据,不过现在很多都Ajax了,貌似这种老形式已经过时了,不过在兼容性方面,仍然是不落后的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-conv-city-xl-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLI

  • Android开发Popwindow仿微信右上角下拉菜单实例代码

    先给大家看下效果图: MenuPopwindow: package com.cloudeye.android.cloudeye.view; import android.app.Activity; import android.content.Context; import android.graphics.drawable.ColorDrawable; import android.view.LayoutInflater; import android.view.View; import an

  • 第八篇Bootstrap下拉菜单实例代码

    先给大家说下我的实现思路:给div一个class "dropdown",将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单. <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="drop

  • JavaScript简单下拉菜单实例代码

    本文实例讲述了JavaScript简单下拉菜单实例代码.分享给大家供大家参考.具体如下: 这是一款JavaScript实现的下拉菜单演示代码,带渐变效果的CSS+jQuery菜单,向下滑出型的菜单,最高支持两级,网上常见到的一种菜单风格,希望大家喜欢哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-simple-xlcd-down-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C/

  • zTree插件之多选下拉菜单实例代码

    zTree插件之多选下拉菜单实例代码css和js 复制代码 代码如下: <!--ztree树结构--><link rel="stylesheet" type="text/css" href="assets/ztree/css/zTreeStyle.css"><link rel="stylesheet" type="text/css" href="assets/ztre

  • Android仿美团分类下拉菜单实例代码

    本文实例为大家分享了Android仿美团下拉菜单的实现代码,分类进行选择,供大家参考,具体内容如下 效果图 操作平台 AS2.0 第三方框架:butterknife build.gradle dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) testCompile 'junit:junit:4.12' compile 'com.android.support:appcompat-v7:23.4.0' compile

  • Bootstrap+jfinal实现省市级联下拉菜单

    小小一个省市级关联菜单,却耗费了一个很多时间来摸索,原因在于对jquery不熟练,既然这么辛苦完成了一个组件,自然想要共享出来,让需要的人使用. 这只是一个基础版,后续还要再进行优化. 代码:省市级关联菜单下载地址 说明: sql语句就不再说了,里面有"city.sql"."provincial.sql"两个文件. 1.先说说获取数据 public void initProcitys() { logger.info("获取所在地区"); List

  • zTree插件之单选下拉菜单实例代码

    复制代码 代码如下: <!--ztree树结构--><link rel="stylesheet" type="text/css" href="assets/ztree/css/zTreeStyle.css"><link rel="stylesheet" type="text/css" href="assets/ztree/css/zTreeIcons.css"

随机推荐