我是想达到这样的目的：
就是选择一个省份的时候第二级菜单就显示相应的市区以及直辖市，然后直接添加到数据库里面就是！用jsp页面上写！
-
等级
本版专家分：0结帖率 86.67% -
本人才学javaweb，一头雾水，希望大家能够帮我解决一下：
我是想达到这样的目的：
就是选择一个省份的时候第二级菜单就显示相应的市区以及直辖市，然后直接添加到数据库里面就是！用jsp页面上写！展开阅读全文
-
等级
本版专家分：1466 -
方法有很多种，可以在省的控件上做一个onchange事件，每一个省份都有一个key一个value，然后根据key去找该key下面的所有市县，或者ajax发送请求，去数据库找，或者省市县的值都写死，固定来找，
-
等级
本版专家分：0
-
不用ajax，可以直接在jsp页面上添加不呢？能够给个代码不？
-
等级
本版专家分：215 -
直接在页面上添加，那么多的省要添加多少个啊
-
等级
本版专家分：318
-
onchange吧，我才刚实现了
-
等级
本版专家分：17
-
<html>
<head>
<title>多级关联菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<head>
<script language="JavaScript">
<!--
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined") return false;
return true;
}
function change(v){
var str="0";
for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v<s.length){change(v);}
}
}
var dsy = new Dsy();
dsy.add("0",["安徽","北京","福建","甘肃","广东","广西","贵州","海南","河北","河南","黑龙江","湖北","湖南","吉林","江苏","江西","辽宁","内蒙古","宁夏","青海","山东","山西","陕西","上海","四川","天津","西藏","新疆","云南","浙江","重庆"]);
dsy.add("0_0",["安庆","蚌埠","巢湖","池州","滁州","阜阳","合肥","淮北","淮南","黄山","六安","马鞍山","宿州","铜陵","芜湖","宣城","亳州"]);
//-->
</script>
<script language = JavaScript>
<!--
var s=["s1","s2","s3"];
var opt0 = ["-省-","-市-"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
//-->
</script>
</head>
<body onload="setup()">
<form name="frm">
<select id="s1"><option>省</option></select>
<select id="s2"><option>市</option></select>
</form>
</body>
</html>
-
等级
本版专家分：17
-
<html>
<head>
<title>全国省市县无刷新多级关联菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<head>
<script language="JavaScript">
<!--
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined") return false;
return true;
}
function change(v){
var str="0";
for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v<s.length){change(v);}
}
}
var dsy = new Dsy();
dsy.add("0",["安徽","北京","福建","甘肃","广东","广西","贵州","海南","河北","河南","黑龙江","湖北","湖南","吉林","江苏","江西","辽宁","内蒙古","宁夏","青海","山东","山西","陕西","上海","四川","天津","西藏","新疆","云南","浙江","重庆"]);
dsy.add("0_0",["安庆","蚌埠","巢湖","池州","滁州","阜阳","合肥","淮北","淮南","黄山","六安","马鞍山","宿州","铜陵","芜湖","宣城","亳州"]);
//-->
</script>
<script language = JavaScript>
<!--
var s=["s1","s2"];
var opt0 = ["-省份-","-直辖市-"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
//-->
</script>
</head>
<body onload="setup()">
<form name="frm">
<select id="s1"><option>省份</option></select>
<select id="s2"><option>直辖市</option></select>
</form>
</body>
</html>
- 在一个jsp页面实现二级下拉框联动，实时读取数据库数据（用javascript实现）
在一个jsp页面实现二级下拉框联动，实时读取数据库数据，这个方法非常使用，只需要修改很小的地方就可以使用。设计的文件，serch.jsp，main.js，bytetostr.js，先讲一下main.js，这是javascript，其中注意修改jsp...
- jsp下拉框从数据库获取数据进行填充并且实现二级级联
1、首先在数据库中获取第一个下拉框的数据： listValue="tsFrom" cssStyle="width:90" list="tsfrom1" name="tsFrom" theme="simple" headerKey="" onchange="get
- 实现jsp页面二级下拉框联动，实时读取数据库数据
在一个jsp页面实现二级下拉框联动，实时读取数据库数据，这个方法非常有用，只需要修改很小的地方就可以使用。设计的文件，serch.jsp，main.js，bytetostr.js， 先讲一下main.js，这是javascript，其中注意修改jsp...
- JSP 下拉框实现值联动实例
下拉框值联动测试 var fjyt=[["NCR","DC","OTHER"], ["NCR","DC","OTHER"], ["NCR","DC","OTHER"], ["TZ"], ["SOP"] ]; //描述 var fjyt_des=[["NCR记录","尺寸记录","其他附件"], ...
- 动态二级下拉框联动（二级数据从数据库中获取）
要实现的效果如下图：左边的一级下拉框选择改变的话，右边的二级下拉框的内容也会改变
- Jeesite下拉框的二级联动
话不多说 首先上图片 JSP 页面代码 截图第一个下拉框JSP代码 离职类型: <form:select id="type"
- jQuery easyUI combobox下拉框 联动 级联
新做了一个下拉框联动的小功能，网上找的是省市级联，之前也套用了，这次是自定义的一个级联，相当于父子关系，有如下两张表： 表A： （分类表）（相当于主菜单） 表B： （目录表）（相当于子菜单） 注：...
- 在html里实现下拉菜单的二级联动（Ajax） 下拉菜单的数据怎么从数据库循环读取出来呢？
我看到网上有详细的 在jsp页面上做二级联动的方法 但是在循环读取的时候 jsp都用的JSTL标签库
- 三级联动如何实现点击第一个下拉框后面两个都有值
如图 当我点击第一个省的时候 从数据库查询出市出现的值 但是在内容里面怎么出现... # 也就是是说 ,当市发生改变时 ,内容怎么查询出来,
- 如何通过jQuery实现select下拉框的联动效果
由于项目需要，小编需要实现三个HTML的select下拉框联动的效果，如果考虑到实际用户体验的话，直接用异步刷新的方式操作DOM是最好的选择，这里小编直接使用了jQuery作为DOM操作的工具，直接操作，完成了对于下拉框的...
- 网页下拉框联动
网页下拉框联动，即第一个下拉框内容改变，则与之联动的另一个下拉框的内容也随之改变。这个功能javascript（以下简称js）或者jsp都可以实现，不过根据笔者经验，除非万不得已，能够利用js实现的话就尽量不要使用jsp...
- select二级联动（bootstrap-select）的问题
最近在做select下拉框二级联动的时候，出现一个很郁闷的问题，因为想要select样式，直接采用了bootstrap-select插件。jsp页面如下 <tr> <td><select class="select...
- 在一个jsp页面实现二级下拉框联动，实时读取数据库数据
在一个jsp页面实现二级下拉框联动，实时读取数据库数据，这个方法非常使用，只需要修改很小的地方就可以使用。设计的文件，serch.jsp，main.js，bytetostr.js，先讲一下main.js，这是javascript，其中注意修改jsp...
- jQuery实现二级联动下拉框
jsp页面： 技术方向* ${techDirec} ${techDirec} 所获
- 下拉菜单三级级联的效果实现（jsp、js、Java、mysql）
三级级联的下拉菜单效果实现 1、效果图 2、jsp代码 类别 全部 3、js代码 加载jsp时，首先加载getLevel（）方法 $...
- Java下拉列表联动的实现（从数据库读取数据）
很多时候在界面布局时我们会用到下拉列表，单独的一个列表与数据库的交互很简单，今天要记录的是当有多个下拉列表联动时，该怎样获取数据，即选择第一个下拉列表的值，动态的改变第二个下拉列表乃至更多列表的值。...
- jsp获取二级联动下拉列表的两个值 表单
//联动函数 function redirec(x) { var temp = document.frm.s2; for (i=0;i[x].length;i++) { temp.options[ i]=new Option(select2[x][i].text,select2[x][i].value);} temp.options[0].selected=true; } ```
- 利用ajax实现二级联动下拉框
下拉框二级联动，用ajax来实现是已经非常成熟的技术了。但对于我这个java菜鸟来说，真的是费了九牛二虎之力，各种百度，各种测试。终于得以实现。代码相对于网上的容易理解些。现把代码和我在编写的过程中遇到的问题...
- js下拉列表二级联动
学了JS也有一段时间了，今天把JS中较为重要的下拉列表二级联动记录一下。所谓二级联动，就是要通过一个下拉列表的选择从而在另一个select下拉列表中显示出对应的数据。好比我有两个下拉列表，第一列表是选择省份，...
- ajax实现联动效果全攻略（极力推荐）
<!--google_ad_client = "pub-8386324930088827";/* 300x250, 创建于 08-9-12 */google_ad_slot = "8232946103";google_ad_width = 300;google_ad_height = 250;//--><script type="text/javascript"
- AJAX解析json之 下拉框 二级联动
这个例子是实现省、市二级联动，当选择某一省时，改省下面的市就会在另一个下拉框显示出来。在本例中AJAX通过解析json文件得到的数据传回到jsp页面，其中省市均是从数据库取到的值： jsp页面： String path = ...
- 级联下拉列表 ajax实现（两种方式）
案例：设置一个级联下拉列表，省市区，根据id进行查找，同属于同一个省的城市前两位id相同，属于同一个市的区前4位id相同 ...1：Dao代码如下： package com.oracle.dao; import java.util.List; import com.orac
- 一个省市县三级联动的回显（带数据库）
不废话，上代码! 大神 勿喷！！！<!--JSP代码--> 地址: <!--第一级:省 --> <td><select id="province" name="province" onchange="f1()"> <option>
- jquery ajax 二级联动
首先实现jquery ajax的二级联动 要下载个jquery.js 我在这里就不准备了 自行百度下载 背景介绍：通过部门的ID来查找部门下的所有班级 我实现二级联动的思路是：先查询所有部门 显示在页面上 如图 ： 其次在使用...
- Struts2 级联下拉框 详解析
运行环境：myeclipse8.6+jboss5.1+jvm1.6 先看最后目录结构： ...complexFormTag.jsp: 复杂表单标签使用范例 doubleselect标签使用范例 材料" headerValue="" headerKey="0" list=
- JSP省市区三级联动下拉选
JSP+Jquery+Oracle实现省市区三级联动下拉选菜单 自己搞了一下午,刚开始觉得还有点麻烦,不过搞过一遍之后就觉得简单了,供大家互相学习,具体代码如下: 1.jsp页面代码： 所在地: 请选择
- Ajax实现二级联动菜单
index.jsp: ... 二级菜单联动演示 var req; window.onload=function() {//页面加载时的函数 } function Change_Select(){//当第一个下拉框的选项发生改变时调用该函数 var province = document.ge
- 级联下拉框 ajax jquery springmvc
function initNetCode() { var html = ""; $.ajax({ type: "post", async: false, url: "user/initUserForm.do
- 二级联动，第二级是多选框 multipleSelect
需要做个二级联动的功能，第二级要求是多选，用的multiple-Select方法 以老师-学生为例，数据是从后台传到前台页面的一个list中带list的JSONArray 引用（不要忘了引用图片，要不输入框右边没有三角） jsp...
- springmvc 下拉框联动
最近接触到，下拉列表联动的小功能(ie,谷歌,QQ这三个浏览器已经测试，其他的没弄，有谁测过其他的可以反应一下，谢谢)，自己研究了一下，下面贴一下代码和思路吧 springmvc的框架 东西很简单 通过ajax来实现，动态...