`

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

互联网BeanSQLCSSJSP 
阅读更多

数据库设计：
国家表 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三级联动代码...

    前端经典——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），我们...

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

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

    iOS pickerView 城市三级联动列表

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

    下拉选择二三级联动

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

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

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

    js三级联动下拉框

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

    ajax无刷新三级联动

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

    省市区三级联动

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

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

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

    三级联动菜单

    在IT领域，"三级联动菜单"是一种常见的交互设计模式，主要应用于数据筛选或者导航系统，特别是在需要用户选择地区、分类等复杂信息时。这个概念通常出现在网页开发中，尤其是在前端框架如React、Vue或Angular的应用...

Magicbox
Global site tag (gtag.js) - Google Analytics