<script type="text/javascript">
//定义了城市的二维数组,里面的顺序跟省份的顺序是相同的。通过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]);
}
}
</script>
</head>
<table>
<form name="userupdateForm">
<tr><td>请选择企业所在城市<font color="red">*</font></td>
<td><select name="province" onChange="getCity()">
<option value="null" selected="selected">请选择所在省份</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>
</table>
</table>
<%@ 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>
省市二级联动菜单Demo 省市二级联动菜单Demo 点击下拉菜单选择省市 点击按钮自定义选择省市 点我选择“上海”,“金山” js文件linkage.js内容如下: /** * 省市二级联动菜单 * ...
<!... <... <head> ...meta charset="UTF-8">...meta name="viewport" content="width=device-width, initial-scale=1.0">...省市二级联动</title> </head> <body> <form action
点击省的下拉框,可以出现省份,选择省后,出现对应的市。博主设置了默认选择省份为“江苏省”。下面有代码,可以根据数据库获取的省市信息进行设置默认值,方便一些。 实现代码 <html> <head> <...
本篇文章主要介绍了jquery基于layui实现二级联动下拉选择(省份城市选择),具有一定的实用价值,需要的朋友可以参考下
运用面向对象的思想,通过XML或其它方式,灵活的调整省份和城市的数据,以此实现联动下拉框的数据装配
android省市二级联动下拉框,及全国省市xml文件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> select{ width:173px; } ... ...
本文描述的省份和城市二级联动下拉菜单,在js部分设置省份和城市信息,当然也可以将数据保存在数据库中,当需要使用的时候在读取。这里用的是js原生代码 这里是城市省份数据 var province=["北京","上海","广东",...
1,两个下拉框的二级联动代码:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS实现...
原理:第一数组正常展示,根据选中的选项将选项下的数组赋给下一复选框 theGetData = data["linkage"];//ajax请求回来的 $.each(theGetData,function(i,v){//将数据转为所需格式 ... ...
当省份这里的下拉框选择以后,城市下拉框会自动加载新的数据 源码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...
以下源码基于element ui下拉框,对外输出为选择省、市的城市编码,提供重置的方法。 json文件查看另一篇文章: https://blog.csdn.net/u013253924/article/details/84334144 <template> <...
这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框
题目要求:用下拉框实现两级联动,第一个为省份,第二个为城市名 代码实现: import javax.swing.*; import java.awt.event.*; public class ItemTest extends JFrame implements ItemListener{ JComboBox ...
基础的二级联动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
做一个医学项目的时候,仿照丁香园,有一个城市二级联动的效果。本来可以用最简单的下拉框,却自己作死,一定要漂亮的。结果花了两天把逻辑梳理了出来。还不一定是最简单的,但是我实在没有在网上找到这个效果的代码...
项目业务需求:设计两个搜索下拉框,其中二级下拉框的数据随着一级下拉框选中的数据而变化。 理解业务需求:通常来说我们树型下拉框的数据库设计是在同一个表,且子节点会储存对应的多个祖节点(父节点+父节点的父...
使用javascript实现城市二级联动(onchange()当下拉框变化时触发事件createTextNode()方法和createElement()方法以及appendChild()方法) 技术分析 确定事件为onchange()当下拉框变化时触发该事件。 创建一个二...
日常使用软件中,为了方便且规范输入,会使用到下拉框进行输入,如注册时生日选项,购物时的地址输入,都会用到下拉框,今日笔者为了巩固已学的知识,实现了二级联动下拉框用作回顾及分享给求知的新手。 思路/步骤:...
最近接触layui,比较简洁美观的一款ui,但也有很多小坑,记录一下实现省市区下拉三级联动更新回显的问题 form.on('select(uprovinceId)', function(data){ initCityList('change'); }); 这里面有个...
初学ajax,实现异步操作! 源代码下载链接:... 以下为三级联动下拉框部分代码 jsp页面部分代码 下拉框: 请选择省份 ${list.name }
学了JS也有一段时间了,今天把JS中较为重要的下拉列表二级联动记录一下。所谓二级联动,就是要通过一个下拉列表的选择从而在另一个select下拉列表中显示出对应的数据。好比我有两个下拉列表,第一列表是选择省份,...
android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <Spinner
省市县(区)三级联动下拉框的实现案例 一、技术组合框架的详情 二、数据库结构及表数据 三、Area实体类 四、数据访问层AreaDao接口(使用注解的方式) 五、MyBatis工具类 六、数据库信息配置文件 七、MyBatis的...
这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单。这里使用了javascript来联动第二级下拉框。 New Document <!-- //定义...
在网上填写信息时,常常会遇到多个选项中的内容互相关联的情况,例如选择地区时,选择省份后,对应的下级市以及更详细地区才会出现在选项中,下面我用一个简单的案例实现这种功能。 案例如下: 使用文本片段对象是...
1.新建一个空白页面,从左边元件...3.双击动态面板,为其命名,并根据一级下拉框的选项内容,增加面板状态,如下所示,每个省份对应的地市是不一样的,所以我这边增加这几个面板,每个面板设置一个有意义的名字,这...
二级联动: package com.test; import java.io.FileOutputStream; import java.util.HashMap; import java.util.Map; import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel....
写在前面 废话不多说,直接进入正题 ...第二步,在使用下拉框之前,需要在JS声明form模板 layui.use('form', function(){ var form = layui.form; 第三步,创建两个下拉框 &lt;label cla...
效果图 点击修改回显需要设定的省市区 HTML代码: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>省市区级联下拉</title>...