`

国家 省份 城市间的三级联动1

阅读更多

数据库设计:
国家表 T_Nation 国家表

NAT_ID  国家编号(都为varchar2的数据类型)
NAT_DES 名称
省份表;T_province
PRO_ID 省份编号
PRO_DES 省份名称
NAT_ID 国家编号(外键)
城市表:T_City
CITY_ID  城市编号
CITY_NAM 城市名称
PRO_ID  省份编号(外键)
页面显示:
<%@ page language="java" import="java.util.*,dao.*,bean.*,java.sql.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%
        String sql = "select * from COUNTRY_T_INFO";
        DBOperationBean bean = new DBOperationBean();
        ArrayList list = bean.query(sql);
        
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'register.jsp' starting page</title>
   
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">   
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
        
<style>
.tab{
        font-size:12px;
}
</style>
<script type="text/javascript" src="js/listAjax.js"></script>
  </head>
  
  <body>
          <div>
            <center>
                    <span style="font-size:13px"><b>客户信息</b></span>
            </center>
    </div>
    <div>
            <form action="CustomerServlet" method="post">
                    <table cellspacing="1" cellpadding="1" border="0" width="750px" class="tab" align="center" style="background-color: rgb(128, 255, 128);">
                            <tr style="font-size:14px" >
                                    <td colspan="4">联络信息</td>
                            </tr>
                            <tr>
                                    <td width="100px">
                                            客户全称:
                                    </td>
                                    <td width="300px">
                                            <input type="text" name="clientName" size="20">
                                            <span id="clientName"><font color="red">*</font></span>
                                    </td>
                                    <td width="60px">
                                             客户简称:
                                    </td>
                                    <td>
                                            <input type="text" name="shortName" size="20">
                                    </td>
                            </tr>
                            <tr>
                                    <td width="100px">
                                            电话:
                                    </td>
                                    <td width="300px">
                                            <input type="text" name="phone" size="20">
                                    </td>
                                    <td width="60px">
                                             传真:
                                    </td>
                                    <td>
                                            <input type="text" name="fax" size="20">
                                    </td>
                            </tr>
                            <tr>
                                    <td width="100px">
                                            行业:
                                    </td>
                                    <td width="300px">
                                            <select name="industry" style="width:150px">
                                                    <option value="">--请选择--</option>
                                                    <option value="计算机/互联网/通信/电子">计算机/互联网/通信/电子</option>
                                                    <option value="计算机硬件">计算机硬件</option>
                                                    <option value="计算机软件">计算机软件</option>
                                                    <option value="互联网开发及应用">互联网开发及应用</option>
                                                    <option value="IT-管理">IT-管理</option>
                                            </select>
                                    </td>
                                    <td width="60px">
                                             类型:
                                    </td>
                                    <td>
                                            <select name="type" style="width:150px">
                                                    <option value="">--请选择--</option>
                                                    <option value="计算机类">计算机类</option>
                                                    <option value="会计类">会计类</option>
                                                    <option value="保险类">保险类</option>
                                            </select>
                                    </td>
                            </tr>
                            <tr>
                                    <td width="100px">
                                            来源:
                                    </td>
                                    <td width="300px">
                                            <select name="source" style="width:150px">
                                                    <option value="">--请选择--</option>
                                                    <option value="网站">网站</option>
                                                    <option value="电话直销">电话直销</option>
                                                    <option value="展会">展会</option>
                                                    <option value="广告">广告</option>
                                                    <option value="朋友介绍">朋友介绍</option>
                                            </select>
                                    </td>
                                    <td width="60px">
                                             等级:
                                    </td>
                                    <td>
                                            <select name="grade">
                                                    <option value="">--请选择--</option>
                                                    <option value="一级">一级</option>
                                                    <option value="二级">二级</option>
                                                    <option value="三级">三级</option>
                                                    <option value="四级">四级</option>
                                                    <option value="五级">五级</option>
                                            </select>
                                    </td>
                            </tr>
                            <tr>
                                    <td width="100px">
                                            开户银行:
                                    </td>
                                    <td width="300px">
                                            <input type="text" name="bank" size="20">
                                    </td>
                                    <td width="60px">
                                             银行帐号:
                                    </td>
                                    <td>
                                            <input type="text" name="bankId" size="20">
                                    </td>
                            </tr>
                            <tr>
                                    <td width="100px">
                                            网站名称:
                                    </td>
                                    <td >
                                            <input type="text" name="netName" size="20">
                                    </td>
                            </tr>
                    </table>
                    <br>
                    <table cellspacing="1" cellpadding="1" border="0" width="750px" class="tab" align="center" style="background-color: rgb(128, 255, 128);">
                            <tr style="font-size:14px" >
                                    <td colspan="4">住址信息</td>
                            </tr>
                            <tr>
                                    <td width="100px">
                                            主地址:
                                    </td>
                                    <td width="300px">
                                            <textarea rows="2" cols="40" name="address">

分享到:
评论

相关推荐

    省份城市地区-三级联动

    这里的“省份城市地区-三级联动”是指在用户界面中,通过选择省份、城市和区域这三个层级的数据来实现筛选或导航的功能。这个特定的例子是基于jQuery和XML技术实现的。 首先,jQuery是一个强大的JavaScript库,它...

    非常好用的城市三级联动或者分类三级联动

    这个"非常好用的城市三级联动或者分类三级联动"项目提供了一个高效且实用的解决方案,适用于那些需要在用户界面中实现多级选择功能的场景。下面将详细阐述这种联动效果的工作原理、应用场景以及如何使用uniapp进行...

    手机端城市三级联动

    在移动应用开发中,"城市三级联动"是一个常见的功能需求,尤其在涉及到用户地理位置选择时。这个功能通常指的是用户在选择城市时,首先选择省份,然后是城市,最后是区县,这三层选择构成了一种联动关系。接下来,...

    安卓三级联动省市联动多级联动相关-android多级菜单经典demo.zip

    1. **三级联动**:在Android中,三级联动通常指的是三个层次的数据关联,例如省-市-区,类别-子类别-商品等。用户在选择第一级时,第二级和第三级的数据会相应地动态更新。这种设计使得用户能够快速定位到所需的具体...

    JS三级联动代码

    在JavaScript(JS)编程中,三级联动是一种常见的交互设计,常用于实现下拉菜单的联动效果,例如在选择国家、省份和城市时。这个场景在网页表单中尤为常见,可以提升用户在填写信息时的体验。在这个"JS三级联动代码...

    安卓三级联动省市联动多级联动相关-仿京东商城选择地区样式Demo.rar

    在Android开发中,"三级联动省市联动多级联动"是一种常见的功能需求,特别是在电商应用中,用户需要选择收货地址时。此功能涉及到省、市、区(县)的逐级选择,每级的选择结果会影响到下一级的选择项。在本案例中,...

    前端经典——vue-三级联动demo.rar

    总的来说,这个"vue-三级联动demo"涵盖了Vue.js的基本组件开发、数据绑定、事件处理以及组件间通信等多个核心知识点。通过学习和实践这个示例,你不仅可以掌握Vue.js的常用特性,还能了解到如何构建一个完整的前端...

    全国省市三级联动

    全国省市三级联动是一种常见的前端开发技术,主要用于实现地区选择功能,比如在注册、填写地址等场景下,用户需要依次选择省份、城市、区县,从而精确到具体的地理位置。这种技术通常涉及HTML、CSS和JavaScript的...

    省市区三级联动数据表-sql文件(全)

    "省市区三级联动数据表-sql文件(全)"这个资源提供了一个完整的解决方案,用于处理中国境内的省份、城市和区县的地理信息,并且实现了联动效果。 首先,我们要理解什么是“三级联动”。在用户界面设计中,三级联动...

    三级联动插件

    在三级联动中,通常会有三个select元素,分别代表不同的层级,如省份、城市、区县,或者类别、子类别、具体项等。当用户在一级select中选择一个选项时,二级select会根据预设的关联数据更新其选项;同理,二级选择后...

    省市区三级联动Demo

    在Android开发中,"省市区三级联动Demo"是一种常见的需求,尤其在地址选择、信息填写等场景中。这个项目提供了一个实现三级联动效果的实例,包括使用Fragment和Pop两种方式,方便开发者理解和应用。 首先,我们要...

    省市区三级联动数据库Mssql

    这里的数据库可能包含了存储省份、城市和区县信息的数据表,用于支持前端的三级联动功能。 博文地址提供了更多详细信息,通过查看博客文章(http://blog.csdn.net/qq_17202783/article/details/43371421),我们...

    首创四级联动----三级联动----联动

    这里的"四级联动"和"三级联动"是一种特殊的用户界面设计概念,常见于数据筛选、下拉菜单或者导航系统中。这种联动机制允许用户在多个选择项间进行交互,选择一个选项时会动态地影响其他相关联的选择项,从而实现更...

    省市区三级联动数据表

    尤其在涉及用户地理位置信息的Web应用或移动应用中,省市区三级联动功能成为了提升用户体验的关键功能之一。本文将深入探讨“省市区三级联动数据表”的重要性、其内容的全面性以及应用场景,旨在帮助开发者更有效地...

    iOS pickerView 城市三级联动列表

    在这个场景中,我们关注的是如何实现一个城市三级联动的PickerView,即省份-城市-区县的选择流程,同时结合网络数据获取与本地存储。下面将详细介绍这个过程中的关键知识点。 首先,我们需要从网络获取JSON数据。...

    下拉选择二三级联动

    这里我们关注的是“下拉选择二三级联动”,这个功能涉及到前端开发中的JavaScript和HTML技术,用于创建一个具有层级关系的下拉选择菜单,通常用于表示地区、分类等具有层次结构的数据。 首先,我们要理解什么是联动...

    js三级联动下拉框

    在Web开发中,三级联动下拉框是一种常见的用户交互方式,主要用于提供多级数据选择的功能,比如省份、城市、区县的选择等场景。该功能通过JavaScript实现,使得当前级下拉框的选择能够动态地改变下一级下拉框的内容...

    ajax无刷新三级联动

    在本项目中,“三级联动”指的是三个层级的数据之间存在关联,例如,省份—城市—区县,当用户在一级下拉框中选择省份后,二级下拉框会自动更新对应省份的城市,接着在二级选择城市后,三级下拉框会展示选定城市下的...

    省市区三级联动

    在省市区三级联动中,JavaScript 负责处理用户的选择事件,根据用户在上一级选择的省份或城市,动态加载下一级的市区数据,实现联动效果。同时,JavaScript 还可以用于数据验证和错误处理,确保用户输入的有效性。 ...

    flex版省市区三级联动,附带js版,数据库版

    在IT行业中,省市区三级联动是一项常见的功能,尤其在网页设计和开发中,它用于实现用户选择省份、城市和区县的过程,以便提供更精确的地理位置信息。此压缩包文件包含了一个基于Flex的版本,一个JavaScript版本以及...

Global site tag (gtag.js) - Google Analytics