- 浏览: 1493820 次
- 性别:
- 来自: 大连
-
文章分类
- 全部博客 (460)
- java (148)
- javascript (34)
- Flex文章 (4)
- css+div (2)
- ajax (6)
- extjs (11)
- 人生感悟 (9)
- struts2.0 (6)
- IT之路，生活 (15)
- hibernate (6)
- struts1 (1)
- spring (5)
- j2ee错误 (3)
- Dwr (5)
- Linux (33)
- C++ (3)
- SWT Win32 (2)
- EJB (1)
- JPA (4)
- C语言和LinuxC (7)
- SQL (13)
- 项目经理 (6)
- db2 (2)
- java数据结构 (2)
- 网页播放器flv (1)
- 数据库 (24)
- 用户体验设计学习 (2)
- 网络电话 (5)
- 军事理论 (4)
- android (3)
- oracle (18)
- oracle ebs form (11)
- oracle ebs oaf (4)
- erp (20)
- DBA (9)
- java中URL 的编码和解码函数 (1)
- 铁血丹心 (1)
- excel 单元格格式不能立即生效 (1)
- Java调用bat文件 (1)
- 如何把本地outlook中的邮件上传到网络邮箱中 (1)
- java 报表 打印 (1)
- 创建dblink (1)
- 图标前台框架 (1)
- vnc (1)
- FORM (1)
- MYSQL (1)
最新评论
-
July01：
推荐用StratoIO打印控件，支持网页、URL、图片、PD、 ...
web打印不显示页眉页脚 -
July01：
推荐用StratoIO打印控件，浏览器和系统的兼容性都很好，而 ...
Javascript网页打印大全 -
hardyer：
大哥写的很实在，受教了，提前祝你元旦快乐！
黎活明给程序员的忠告 -
cxysilahi：
请问WIN7 64位，调用报错Exception in thr ...
JNative的初步使用 -
action1949：
好东西，解决问题
JFreeChart乱码解决方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>年月日三下拉框联动 </title>
<meta http-equiv='Content-Type' content='text/html; charset=GBK'>
</head>
<body>
<form name=form1>
<select name=YYYY onchange="YYYYMM(this.value)">
<option value="">请选择 年 </option>
</select>
<select name=MM onchange="MMDD(this.value)">
<option value="">选择 月 </option>
</select>
<select name=DD>
<option value="">选择 日 </option>
</select>
</form>
<script language="JavaScript"> <!--
function window.onload()
{
strYYYY = document.form1.YYYY.outerHTML;
strMM = document.form1.MM.outerHTML;
strDD = document.form1.DD.outerHTML;
MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
//先给年下拉框赋内容
var y = new Date().getFullYear();
var str = strYYYY.substring(0, strYYYY.length - 9);
for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年
{
str += " <option value='" + i + "'> " + i + " 年" + " </option>\r\n";
}
document.form1.YYYY.outerHTML = str +" </select>";
//赋月份的下拉框
var str = strMM.substring(0, strMM.length - 9);
for (var i = 1; i < 13; i++)
{
str += " <option value='" + i + "'> " + i + " 月" + " </option>\r\n";
}
document.form1.MM.outerHTML = str +" </select>";
document.form1.YYYY.value = y;
document.form1.MM.value = new Date().getMonth() + 1;
var n = MonHead[new Date().getMonth()];
if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;
writeDay(n); //赋日期下拉框
document.form1.DD.value = new Date().getDate();
}
function YYYYMM(str) //年发生变化时日期发生变化(主要是判断闰平年)
{
var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;
if (MMvalue == ""){DD.outerHTML = strDD; return;}
var n = MonHead[MMvalue - 1];
if (MMvalue ==2 && IsPinYear(str)) n++;
writeDay(n)
}
function MMDD(str) //月发生变化时日期联动
{
var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
if (str == ""){DD.outerHTML = strDD; return;}
var n = MonHead[str - 1];
if (str ==2 && IsPinYear(YYYYvalue)) n++;
writeDay(n)
}
function writeDay(n) //据条件写日期的下拉框
{
var s = strDD.substring(0, strDD.length - 9);
for (var i=1; i <(n+1); i++)
s += " <option value='" + i + "'> " + i + " 日" + " </option>\r\n";
document.form1.DD.outerHTML = s +" </select>";
}
function IsPinYear(year)//判断是否闰平年
{ return(0 == year%4 && (year%100 !=0 || year%400 == 0))}
//--> </script>
</body>
</html>
发表评论
-
jquery 传一个json对象到 java后台
2017-09-07 23:03 1669前台 var data={}; data.fid=&quo ... -
图标前台框架hcharts
2014-12-26 13:32 956http://www.hcharts.cn/demo/in ... -
Js操作Select大全
2012-11-09 20:43 1055转 http://www.cnblogs.com/Heris ... -
IE 无法运行javascript
2012-06-11 10:02 2210将下面的脚本编程一个bat文件，然后运行。 rundll32 ... -
javascript 判断页面加载完毕
2012-05-14 15:11 2233这个函数用户判断当页面加载完毕的时候，设置按钮上的文本如果页面 ... -
js获取节点 dom操作
2012-05-14 13:09 7115接口 nodeType常量 nod ... -
ExtJs表格控件Grid
2011-09-17 22:29 1364下面介绍三种ExtJs中最 ... -
ExtJs树TreePanel
2011-09-17 22:27 24411.创建一个简单(静态)的树 /** 创建 ... -
ExtJs表单FormPanel
2011-09-17 22:17 10821.简单表单实例 /** 简单表单实例(与JSP ... -
extjs 创建简单Meun,实现在TreePanel上面右键.
2011-09-17 22:02 5249/** 创建简单Menu */ fu ... -
javascript右键菜单（所有浏览器）
2011-04-29 09:33 1382<HTML> <HEAD> ... -
jQuery 图片裁切
2011-01-12 17:59 1262jQuery 图片裁切 头像裁切软件 -
javascript对xml的解析
2010-10-28 12:58 1173<!DOCTYPE html PUBLIC " ... -
javascript图片大小图片尺寸代码
2010-10-11 13:19 2584<title>JS实现单击图片获取图片的原始尺寸代 ... -
遍历session
2010-09-14 09:59 1446在jsp中加入如下代码即可实现功能： <% Enum ... -
window.showModalDialog模式对话框
2010-09-09 08:58 1786基本介绍： showModalDialo ... -
jQuery 工具安装-jqueryWTP
2010-07-23 18:11 49181. jQuery 工具安装-jqueryWTP ... -
Spket的插件安装方法
2010-07-23 18:02 1392首先下载一个Spket的插件，下载过后就是一个spket-1. ... -
jQuery获取form表单元素的值
2010-07-07 17:32 13801var mykindtxt=$("#kind op ... -
JavaScript图片裁切主要是获取他们的大小发送给系统。
2010-06-13 09:42 1259有个函数添加了return 之后，他后面的代码就不在执行了。这 ...
相关推荐
在IT界，尤其是在前端开发中，可编辑的级联下拉列表框是一种常见的交互元素，它结合了下拉选择和文本输入的优点，提供了一种既方便又高效的用户输入方式。这种设计模式通常用于数据筛选或者多层级关联选择的场景，如...
本项目聚焦于使用AJAX进行页面重构，特别是实现级联下拉列表，这是一种常见的用户界面元素，常见于地址选择、类别筛选等场景。 在级联下拉列表中，一个下拉框的选择会影响另一个下拉框的选项。例如，当你在第一个...
在本文中，我们将深入探讨如何使用Ajax技术来实现下拉列表的级联效果，这是一个常见的交互功能，特别是在数据录入和筛选场景中。我们将基于EJB（Enterprise JavaBeans）技术连接数据库，以动态加载和更新下拉列表...
`mobiscroll版时间 日期 下拉 省市区级联.zip`则是mobiscroll组件的压缩包，包含了相关的CSS和JS文件，用于构建级联选择器。`css`和`js`目录则分别存储了项目的样式表和脚本文件。 综上所述，这个项目展示了HTML5的...
Picker组件是uni-app提供的一种UI控件，用于显示一个可滚动的选择列表，通常用于日期选择、时间选择或自定义数据选择等。 一、一级选择器 一级选择器是最简单的形式，通常用于单列选择。在uni-app中，我们可以使用`...
- 考虑到不同设备和屏幕尺寸，级联下拉列表需要适应各种分辨率，可能需要调整样式或使用媒体查询（media queries）。 以上就是实现JS版无刷新省市县邮编级联所需的主要知识点。在实际项目中，可以结合前端框架（如...
对于级联下拉列表，比如居住区域和服务区域这种下拉列表，因为只有选择了一前一项之后，才会显示下一项的，我们要把间隔时间设置的长一些，比如1500毫秒，对于提交按钮和重新打开志愿者注册链接，我们要把时间设置的...
而级联功能则是实现动态下拉列表的关键，使得用户在选择地区时能有流畅的交互体验。 在压缩包中，可能包含的文件有HTML文件（展示示例页面）、CSS文件（定义EasyUI组件的样式）、JavaScript文件（实现级联逻辑和...
在大型下拉列表中添加搜索框，允许用户输入关键词过滤选项。这样不仅可以减少用户需要浏览的项目数量，还能提高选择效率，尤其适用于业务类别多或用户熟悉目标选项的情况。 四、类型ahead（Typeahead） 类型ahead是...
一个实用的多条件筛选菜单，在很多App上都能看到这个效果，如美团，某视频网站电影票，58等。附博客地址：http://blog.csdn.net/z240336124/article/details/50511967
级联选择通常是指在一个下拉菜单的选择基础上，动态更新另一个下拉菜单的选项。例如，当用户选择一个省份时，相应的城市列表会自动加载出来；接着，当用户选择一个城市时，对应的区县列表又会自动更新。这种交互方式...
要实现AJAX级联下拉框，通常需要两个或更多的下拉列表框，以及用来处理数据和通信的后台逻辑。在本案例中，涉及到的主要知识点包括： 1. AJAX技术：AJAX（Asynchronous JavaScript and XML）是一种用于创建快速动态...
通常，这样的选择器会包含年、月、日的滑动选择或者下拉菜单，使得用户可以快速、准确地设定日期，避免手动输入可能带来的错误。 级联选择器（Cascading Selectors）则是一种允许用户从一系列相关选项中逐级选择的...
3. 下拉列表构建：在下拉列表中实现无限级分类，通常需要实现级联选择的效果，即选择父级时自动选中或禁用其子级。这涉及到事件监听、状态管理和DOM操作。 4. 动态加载与懒加载：为了提高性能，尤其是在大数据量的...
为了让这个级联效果更加友好，我们还可以引入AJAX（Asynchronous JavaScript and XML），异步加载数据，这样在用户切换年份或月份时，无需刷新页面就能获取到新的日期列表。AJAX可以发送HTTP请求到服务器，获取返回...
级联菜单，又称为下拉菜单或子菜单，是一种常见的UI设计模式。它在主菜单项下展示相关子菜单，通过鼠标悬停或点击触发，有助于节省页面空间，尤其是在有大量菜单选项时。级联菜单在云菜单中扮演着关键角色，允许用户...
包含导航、颜色、字体、边框、图标、按钮、文字链接、单选框、多选框、输入框、计数器、选择器、级联选择器、开关、滑块、时间选择器、日期选择器、日期时间选择器、上传、评分、颜色选择器、穿梭框、表单、表格、...
下拉菜单的级联操作是网页设计中常见的交互形式，主要应用于地理位置选择、分类选择等场景。级联操作通常包含两个或两个以上的下拉菜单（select），其中上一级的选择会决定下一级菜单中的选项。比如，在选择国家时，...
至于“下拉列表框联动展示数据”，这通常涉及到Ajax技术。jQuery的`.ajax()`函数是进行异步数据请求的关键。通过向服务器发送GET或POST请求，可以动态获取下拉列表的数据并更新DOM。例如，当用户在第一个下拉列表中...
考虑到无障碍性（Accessibility），确保键盘导航和屏幕阅读器兼容，以便视力障碍的用户也能方便地使用级联下拉功能。 8. **测试** 充分的测试是必要的，包括但不限于功能测试、性能测试、兼容性测试和用户体验...