省份城市二级联动下拉框问题-CSDN论坛

省份城市二级联动下拉框问题

Java > Web 开发

收藏回复

[问题点数：40分，结帖人Ami121]

⋅发布fusioncharts系列之fusionwidgets中文开发文档散分 ⋅c# socket通信问题 ⋅数据库表结构设计 更多帖子 关注私信空间博客 Ami121 等级 本版专家分：3545

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>



<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>

<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

 

    

    <title>updateuser</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">

	-->



<script type="text/javascript">

	window.onload = historyOncemore;

    window.onbeforeunload = fixHistory;

 //定义了城市的二维数组，里面的顺序跟省份的顺序是相同的。通过selectedIndex获得省份的下标值来得到相应的城市数组

     var city=[

  	 ["北京","天津","上海","重庆","香港","澳门"],

     ["石家庄","唐山","秦皇岛","邯郸","邢台","保定","张家口","承德","沧州","廊坊","衡水"],

     ["太原","大同","阳泉","长治","晋城","朔州","晋中","运城","忻州","临汾","吕梁"],

     ["呼和浩特","包头","乌海","赤峰","通辽","鄂尔多斯","呼伦贝尔","巴彦淖尔","乌兰察布","兴安","锡林郭勒","阿拉善"]

         ];

 

   function getCity(){

         //获得省份下拉框的对象

         var sltProvince=document.userupdateForm.province;

         //获得城市下拉框的对象

         var sltCity=document.userupdateForm.city;

         

         //得到对应省份的城市数组

         var provinceCity=city[sltProvince.selectedIndex - 1];

 

         //清空城市下拉框，仅留提示选项

       //  sltCity.length=1;

 

         //将城市数组中的值填充到城市下拉框中

         for(var i=0;i<provinceCity.length;i++){

             sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);

         }

     }



    function fixHistory()                            //记住历史

    {

            document.all("theHistoryRecord").value=document.all("thedetailtableDIV").innerHTML.replace(/\n/g,"");

    }



    function historyOncemore()                        //恢复历史

    {

        if (document.all("theHistoryRecord").value!="")

            {document.all("thedetailtableDIV").innerHTML=document.all("theHistoryRecord").value;

            }

    }



    function selectallcheckbox(obj)                    //全选或全不选

    {

        var tureorfalse=obj.checked;

        var theDetail=tbDetailUsed.rows;

        for(var i=0;i<theDetail.length-1;i++)

        {

            theDetail[i].all("record_select").checked=tureorfalse;

        }

    }

    function submitProcess()

    {

      document.userupdateForm.submit();

    }



</script>

  </head>

  <body>

<table width="990" height="750">

<tr><logic:iterate id="user" name="userdata" scope="session">

<td width="200"><jsp:include page="/jsp/menu.jsp" flush="true"/></td>

<td align="center" valign="top"><table align="center">

<html:form action="/userupdate" method="post"  onsubmit="return validateuserupdateForm(this)" focus="companyname"> 

			 <tr><td>用户名  <font color="red">*</font></td>

			 <td><html:text property="username" disabled="true" value="${user.udName}"/><FONT color="red"><html:errors property="username"/></FONT></td></tr>

			 <tr><td>请选择企业所在行业<font color="red">*</font></td>

			 <td><select name="business">

			 <option value="null" selected="selected">请选择</option>

			 <option value="医药卫生">医药卫生</option>

			 <option value="建筑建材">建筑建材</option>

			 <option value="冶金矿产">冶金矿产</option>

			 <option value="石油化工">石油化工</option>

			 </select><font color="red"><html:errors property="business"/></font></td>

			 </tr>

			 <tr><td>请选择企业所在城市<font color="red">*</font></td>

			 <td><div width=100% id=thedetailtableDIV><select name="province" onChange="getCity()">

   			 	<option value="null"  selected="selected">请选择所在省份</option>

     		 	<option value="直辖市">直辖市</option>

     		 	<option value="河北">河北</option>

     		 	<option value="山西">山西</option>

      			<option value="内蒙古">内蒙古</option>

      	  		      			 

      		</select>

				<select name="city">

      			<option selected="selected" value="null">请选择所在城市</option>

      			</select><font color="red"><html:errors property="city"/></font></td></tr></div> 

 			<tr><td>请输入企业地址  </td>

			 <td><html:text property="companydress" value="${user.udCompdress}"/><font color="red"><html:errors property="companydress"/></font></td></tr>

			<tr><td colspan="2" align="center">

			 <html:hidden property="status" value="update"/>

			 <html:hidden property="username" value="${user.udName}"/>

			 <html:submit property="update"  value="提交更改" onclick="submitProcess();" />

			 <input name="theHistoryRecord" type=hidden value=""> 

			 </td></tr>

			</html:form> </table>

			</td></logic:iterate></tr>

</table>

 <

 <input name="theHistoryRecord" type=hidden value="">

</body>

</html>

我的jsp页面是这么修改的可是显示不出来。

2008-06-17 10:02:08

点赞只看TA 引用举报 #11得分 0

⋅apache与tomcat整合后，如何防止别人不登录而读取apache下的静态图片？ ⋅pb中使用webbrowser控件newwindow2事件触发后如何接管新界面 ⋅MyEclipse如何禁止把项目下的lib中jar包自动复制到发布的tomcat的对应项目的lib下面 更多帖子 关注私信空间博客 hornbilltofy 等级 本版专家分：3937: 参考http://hahaxiao.net/faces/website/website.jsp?id=14

2008-06-17 10:10:48

点赞只看TA 引用举报 #12得分 2

⋅Spring Framework Versions版本支持 ⋅系统学习Spring 5.2.2 ⋅SQL SERVER 发布订阅问题 更多帖子 关注私信空间博客 xql80329 等级 本版专家分：2876: up

2008-06-17 10:13:26

点赞只看TA 引用举报 #13得分 0

⋅祝大家新年快乐、万事如意！！ ⋅关于“支持”、“顶”之类回复的讨论 ⋅好久没散分了，恭喜java板块合并，散分！ 更多帖子 关注私信空间博客 Landor2004 等级 本版专家分：42889 勋章 红花 2009年3月 Java大版内专家分月排行榜第一 蓝花 2009年2月 Java大版内专家分月排行榜第三 2008年11月 Java大版内专家分月排行榜第三 2008年8月 Java大版内专家分月排行榜第三 2008年7月 Java大版内专家分月排行榜第三: 把document.all什么的都改成document.getElementById("xxx");

<input id="theHistoryRecord" name="theHistoryRecord" type=hidden value="">

看看

2008-06-17 10:22:18

点赞只看TA 引用举报 #14得分 30

⋅发布fusioncharts系列之fusionwidgets中文开发文档散分 ⋅c# socket通信问题 ⋅数据库表结构设计 更多帖子 关注私信空间博客 Ami121 等级 本版专家分：3545: 可以在IE中返回没有问题但是在遨游火狐都只是显示出来请选择所在省份请选择城市

2008-06-17 10:36:29

点赞只看TA 引用举报 #15得分 0

⋅祝大家新年快乐、万事如意！！ ⋅关于“支持”、“顶”之类回复的讨论 ⋅好久没散分了，恭喜java板块合并，散分！ 更多帖子 关注私信空间博客 Landor2004 等级 本版专家分：42889 勋章 红花 2009年3月 Java大版内专家分月排行榜第一 蓝花 2009年2月 Java大版内专家分月排行榜第三 2008年11月 Java大版内专家分月排行榜第三 2008年8月 Java大版内专家分月排行榜第三 2008年7月 Java大版内专家分月排行榜第三: 测试了一下，两个下拉框的内容在firefox和ie上都可以保存，

默认的selected在ie下是可以默认到的，但是在firefox上没默认出来，所以两个都是“请选择...”

但是里面的内容是对的，

再研究研究，呵呵

2008-06-17 10:38:44

点赞只看TA 引用举报 #16得分 0

⋅祝大家新年快乐、万事如意！！ ⋅关于“支持”、“顶”之类回复的讨论 ⋅好久没散分了，恭喜java板块合并，散分！ 更多帖子 关注私信空间博客 Landor2004 等级 本版专家分：42889 勋章 红花 2009年3月 Java大版内专家分月排行榜第一 蓝花 2009年2月 Java大版内专家分月排行榜第三 2008年11月 Java大版内专家分月排行榜第三 2008年8月 Java大版内专家分月排行榜第三 2008年7月 Java大版内专家分月排行榜第三

手工记录一下selectIndex，测试通过，楼主可以参考一下





<html>



<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>aaa</title>



<script language=javascript>

	window.onload = historyOncemore;

	window.onbeforeunload = fixHistory;



 var city=[

       ["北京","天津","上海","重庆","香港","澳门"],

     ["石家庄","唐山","秦皇岛","邯郸","邢台","保定","张家口","承德","沧州","廊坊","衡水"],

     ["太原","大同","阳泉","长治","晋城","朔州","晋中","运城","忻州","临汾","吕梁"],

     ["呼和浩特","包头","乌海","赤峰","通辽","鄂尔多斯","呼伦贝尔","巴彦淖尔","乌兰察布","兴安","锡林郭勒","阿拉善"]

]

     

 

     function getCity(t){

		

		alert(document.getElementById("province").selectedIndex)

         //获得省份下拉框的对象

         var sltProvince=document.userupdateForm.province;

         //获得城市下拉框的对象

         var sltCity=document.userupdateForm.city;

         

         //得到对应省份的城市数组

         var provinceCity=city[sltProvince.selectedIndex - 1];

 

         //清空城市下拉框，仅留提示选项

       //  sltCity.length=1;

 

         //将城市数组中的值填充到城市下拉框中

         for(var i=0;i<provinceCity.length;i++){

             sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);

         }

     }

	 function getSelfCity(t){

		alert(document.getElementById("city").selectedIndex)

     }



	function fixHistory()							//记住历史

	{	

			document.getElementById("theHistoryRecord").value=document.getElementById("thedetailtableDIV").innerHTML.replace(/\n/g,"");

			document.getElementById("index1").value = document.getElementById("province").selectedIndex;

			document.getElementById("index2").value = document.getElementById("city").selectedIndex;

	}



	function historyOncemore()						//恢复历史

	{

		if (document.getElementById("theHistoryRecord").value!="")

		{

			document.getElementById("thedetailtableDIV").innerHTML=document.getElementById("theHistoryRecord").value;

			document.getElementById("province").selectedIndex = document.getElementById("index1").value;

			document.getElementById("city").selectedIndex = document.getElementById("index2").value;

		}

	}



	function submitProcess()

	{

	  document.userupdateForm.submit();

	}

</script>

</head>



<body>

<form name="userupdateForm" action="hehee.html">

	<input type="button"  value="完成" class="bottom" onclick="submitProcess();">

	<div width=100% id="thedetailtableDIV">

		<select id="province" name="province" onChange="getCity(this)">

			<option value="" >请选择所在省份</option>

			<option value="直辖市">直辖市</option>

			<option value="河北">河北</option>

			<option value="山西">山西</option>

		</select>

		 <select  id="city" name="city" onChange="getSelfCity(this)">

			<option  value="">请选择所在城市</option>

		</select></td></tr>

	</div>



</form>

<input name="theHistoryRecord"  id="theHistoryRecord" type=hidden value="">

<input name="index1"  id="index1" type=hidden value="">

<input name="index2"  id="index2" type=hidden value="">

</body>



</html>

2008-06-17 10:50:02

点赞只看TA 引用举报 #17得分 0

⋅发布fusioncharts系列之fusionwidgets中文开发文档散分 ⋅c# socket通信问题 ⋅数据库表结构设计 更多帖子 关注私信空间博客 Ami121 等级 本版专家分：3545: 这应该跟本身浏览器的内核有关系吧

2008-06-17 10:50:20

点赞只看TA 引用举报 #18得分 0

⋅祝大家新年快乐、万事如意！！ ⋅关于“支持”、“顶”之类回复的讨论 ⋅好久没散分了，恭喜java板块合并，散分！ 更多帖子 关注私信空间博客 Landor2004 等级 本版专家分：42889 勋章 红花 2009年3月 Java大版内专家分月排行榜第一 蓝花 2009年2月 Java大版内专家分月排行榜第三 2008年11月 Java大版内专家分月排行榜第三 2008年8月 Java大版内专家分月排行榜第三 2008年7月 Java大版内专家分月排行榜第三: 只要你的代码符合w3c标准，就可以了

2008-06-17 10:56:20

点赞只看TA 引用举报 #19得分 0

⋅发布fusioncharts系列之fusionwidgets中文开发文档散分 ⋅c# socket通信问题 ⋅数据库表结构设计 更多帖子 关注私信空间博客 Ami121 等级 本版专家分：3545: 感谢 Landor2004

2008-06-17 11:01:43

点赞只看TA 引用举报 #20得分 0

1 2 3

收起

收藏回复

Ami121

等级：

关注私信 TA的帖子

html中得省市下拉框二级级联实现: 省市二级级联指的是选中某个省，市得下拉框option根据选择得省份来改变，具体意思大致如下图：具体实现： 1.新建一个info.js文件，存放省市信息。内容如下： //保存省份数组 var provinceArr = []; provinceArr[0]...

省市二级联动下拉列表框: 省市二级联动菜单Demo 省市二级联动菜单Demo 点击下拉菜单选择省市点击按钮自定义选择省市点我选择“上海”，“金山” js文件linkage.js内容如下： /** * 省市二级联动菜单 * ...

js之省市下拉菜单二级联动: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;...JS实现二级联动菜单&lt;/title&am

Ajax+XML二级联动下拉框（省份、城市选择框）: JSP代码如下： "> Ajax二级下拉菜单示例 /* Create a new XMLHttpRequest object to talk to the Web server */ var xmlHttp = false; /*@cc_on @*/ /*@if (@_jscript_version >= 5) try { xmlHttp = new A

前端——【JS】——用JS实现全国城市二级联动下拉框: 点击省的下拉框，可以出现省份，选择省后，出现对应的市。博主设置了默认选择省份为“江苏省”。下面有代码，可以根据数据库获取的省市信息进行设置默认值，方便一些。实现代码 <html> <head> <...

jquery基于layui实现二级联动下拉选择(省份城市选择): 本篇文章主要介绍了jquery基于layui实现二级联动下拉选择(省份城市选择)，具有一定的实用价值，需要的朋友可以参考下

android：省市二级联动下拉框: android省市二级联动下拉框，及全国省市xml文件

基于element ui下拉框的省市二级联动Vue组件: 以下源码基于element ui下拉框，对外输出为选择省、市的城市编码，提供重置的方法。 json文件查看另一篇文章： https://blog.csdn.net/u013253924/article/details/84334144 <template> <...

js 省份城市 二级联动: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> select{ width:173px; } ... ...

这里是基于layui开发的省市区三级联动下拉框.zip: 这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框

Android开发之二级联动下拉框: 运用面向对象的思想，通过XML或其它方式，灵活的调整省份和城市的数据，以此实现联动下拉框的数据装配

easyui下拉框实现二级联动: 原理：第一数组正常展示，根据选中的选项将选项下的数组赋给下一复选框 theGetData = data["linkage"];//ajax请求回来的 $.each(theGetData,function(i,v){//将数据转为所需格式 ... ...

中国省份城市二级联动jquery实现【包括2020城市数据】: 本文描述的省份和城市二级联动下拉菜单，在js部分设置省份和城市信息，当然也可以将数据保存在数据库中，当需要使用的时候在读取。这里用的是js原生代码这里是城市省份数据 var province=["北京","上海","广东",...

jquery 实现地区三级联动下拉框: 效果图点击修改回显需要设定的省市区 HTML代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>省市区级联下拉</title>...

javascript-演练-二级联动下拉框: 当省份这里的下拉框选择以后，城市下拉框会自动加载新的数据源码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...

Java编程题——简单下拉框二级联动: 题目要求：用下拉框实现两级联动，第一个为省份，第二个为城市名代码实现： import javax.swing.*; import java.awt.event.*; public class ItemTest extends JFrame implements ItemListener{ JComboBox ...

二级联动 （两个下拉框的二级联动，和单选按钮与下拉框的二级联动）: 1，两个下拉框的二级联动代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS实现...

div展示联动，js二级联动城市选择，非下拉框: 做一个医学项目的时候，仿照丁香园，有一个城市二级联动的效果。本来可以用最简单的下拉框，却自己作死，一定要漂亮的。结果花了两天把逻辑梳理了出来。还不一定是最简单的，但是我实在没有在网上找到这个效果的代码...

Vue+ElementUI实现下拉框的二级联动: 项目业务需求：设计两个搜索下拉框，其中二级下拉框的数据随着一级下拉框选中的数据而变化。理解业务需求：通常来说我们树型下拉框的数据库设计是在同一个表，且子节点会储存对应的多个祖节点（父节点+父节点的父...

JavaScript实现二级联动(根据省份确定城市的下拉列表): 基础的二级联动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...

Android实现联动下拉框: 日常使用软件中，为了方便且规范输入，会使用到下拉框进行输入，如注册时生日选项，购物时的地址输入，都会用到下拉框，今日笔者为了巩固已学的知识，实现了二级联动下拉框用作回顾及分享给求知的新手。思路/步骤：...

关于layui框架下拉框省市两级联动: 写在前面废话不多说，直接进入正题 ...第二步，在使用下拉框之前，需要在JS声明form模板 layui.use('form', function(){ var form = layui.form; 第三步，创建两个下拉框 &lt;label cla...

layui 三级联动下拉框更新时回显问题: 最近接触layui，比较简洁美观的一款ui，但也有很多小坑，记录一下实现省市区下拉三级联动更新回显的问题 form.on('select(uprovinceId)', function(data){ initCityList('change'); }); 这里面有个...

初学ajax，实现用户名重复提示、二级/三级联动下拉框: 初学ajax，实现异步操作！源代码下载链接：... 以下为三级联动下拉框部分代码 jsp页面部分代码下拉框: 请选择省份 ${list.name }

android 二级联动，省份和城市: android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <Spinner

js下拉列表二级联动: 学了JS也有一段时间了，今天把JS中较为重要的下拉列表二级联动记录一下。所谓二级联动，就是要通过一个下拉列表的选择从而在另一个select下拉列表中显示出对应的数据。好比我有两个下拉列表，第一列表是选择省份，...

Javascript实现二级联动下拉框（简单易懂）: 这个是简单也是最基本的下拉框联动的示例，这个示例主要针对那些只有二级联动，且第一级是固定的选项，第二级的内容也比较简单。这里使用了javascript来联动第二级下拉框。 New Document <!-- //定义...

操作DOM树实现二级下拉框联动: 在网上填写信息时，常常会遇到多个选项中的内容互相关联的情况，例如选择地区时，选择省份后，对应的下级市以及更详细地区才会出现在选项中，下面我用一个简单的案例实现这种功能。案例如下：使用文本片段对象是...

Axure RP 如何实现下拉框二级联动效果: 1.新建一个空白页面，从左边元件...3.双击动态面板，为其命名，并根据一级下拉框的选项内容，增加面板状态，如下所示，每个省份对应的地市是不一样的，所以我这边增加这几个面板，每个面板设置一个有意义的名字，这...

三级联动下拉框，获取省市区信息（内附Oracle城市三级联动数据表）: Oracle省市区三级联动数据表欢迎使用Markdown编辑器写博客Oracle省市区三级联动表：https://pan.baidu.com/s/1pK8TvSZ使用环境，楼主使用B-JUI前段框架+freeMaker样式。SSM后端架构样式和赋值方面可以自行修改，...

相关热词 c#读取shp文件 c# 多个if c#上传图片到安卓的接口 c#中得到控件 c# 浏览器打开调用 c# 绘制3维 c#酒店管理系统数据库 c#链接api c# 串口发送数据 c# 线程结束回调

省份 城市 二级联动下拉框问题

省份城市二级联动下拉框问题