0 0

一种不一样的联动方式3

需求,页面有一个下拉列表和一个自定义的控件
下拉列表的选项有string,int,date
如果选择string,则第二个控件变成一个文本框。
如果选择int, 则第二个控件变成一个文本框,并且只能输入数字类型。
如果选择date,则第二个控件变成一个日期控件。

这在jsp当中该如何实现啊?
2008年10月17日 08:34

1个答案 按时间排序 按投票排序

0 0

采纳的答案

你可以直接粘出来看看效果,至于日期控件你就自己加吧.

<html>
<head>
<title></title>
</head>
<script>
function changeMe()
{
var chval = document.form1.chval.value;
if(chval==1)
{
form1.strval.style.display="block";
form1.intval.style.display="none";
form1.datval.style.display="none";
}else if(chval==2)
{
form1.intval.style.display="block";
form1.strval.style.display="none";
form1.datval.style.display="none";
}
else if(chval==3)
{
form1.intval.style.display="none";
form1.strval.style.display="none";
form1.datval.style.display="block";
}
}
function textchang()
{
//对数字的验证是要改变了text里的值,并且鼠标移开了以后才进行验证的。
var intval = form1.intval.value;
var reg = /\d*/;     //这是正则表达式方法,即是0个或0个以上数字. 如果把*换成+则表示至少一个数字
var res = reg.test(intval);
if(!res){
alert("只能填数字!");
return ;
}
}
</script>
<body>
<form name="form1" action="" method="post">
<select name="chval" onChange="changeMe()">
<option value="1">String</option>
<option value="2">int</option>
<option value="3">date</option>
</select>
</p>
<input type="text" id="strval" name="strval" value="strval" style="display:block">
<input type="text" id="intval" name="intval" value="intval" style="display:none" onChange="textchang()">
<input type="text" id="datval" name="datval" value="datval" style="display:none">
</form>
</body>
</html>

2008年10月17日 13:43

相关推荐

    报警监控联动解决方案

    - **特点**: 为了解决总线系统的成本问题,市场上出现了一种适用于分线制报警主机的报警继电器联动模块。这种模块使得分线制报警主机也能像总线报警主机一样,实现一对一或多对一的联动功能。 - **优势**: 使用...

    日历_省市联动_按钮样式_js_asp

    2. **省市联动**:这是一种常见的地理选择方式,用户在选择省份后,城市下拉菜单会动态更新,只显示与所选省份相关的城市。这种功能通过JavaScript实现,通常结合AJAX(异步JavaScript和XML)技术实时获取并更新城市...

    AjaxPro三级联动

    它通过模拟ASP.NET AJAX(原Atlas)的编程模型,提供了一种更简单的方式来实现异步页面更新,提高了用户体验。在这个"AjaxPro三级联动"的例子中,我们看到的是如何利用AjaxPro来实现省、市、区的三级联动效果。 在...

    消防联动工作原理实用.pdf

    在实际工程设计中,由于有些场所仅适合安装一种探测器,如地下车库,在《汽车库、修车库、停车厂设计防火规范》GB50067—97第9.0.7条文说明中解释:由于汽车库内通风不良,又受车辆尾气的影响,故安装烟感报警设备...

    任何用Ajax实现三级联动

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。 #### 三、实现原理 在本案例中,...

    GU3AL远程监控消防联动智能火灾报警控制系统终端.docx

    GU3AL远程监控消防联动智能火灾报警控制系统终端是一种先进的智能火灾报警控制系统,旨在为用户提供高度可靠的电气火灾预防和保护解决方案。该系统采用了CAN总线技术,具有丰富的软硬件接口,与上位PC机组网监控可...

    AJAX_DWR框架(二级联动+PPT实例代码)

    AJAX (Asynchronous JavaScript and XML) 是一种在不刷新整个网页的情况下,实现页面部分更新的技术。DWR (Direct Web Remoting) 是一个开放源码的Java库,它使得在浏览器和服务器之间进行实时、双向通信成为可能,...

    齿轮联动关系图表PPT模板

    齿轮联动关系图表PPT模板是一种视觉工具,常用于在信息技术(IT)领域中演示系统间的交互和协同工作原理。齿轮通常象征着机械工程中的传动装置,但在这个上下文中,它们被用作一种比喻,表示不同组件或过程之间的...

    强制性认证消防产品概述.doc

    根据GB5135.1-2003标准,每一种型号产品划分为一个申请单元,但满足以下条件的分型产品,其分型产品可与其主型产品作为一个申请单元:公称动作温度一样,热敏感元件型号规格不同,不能作为一个单元申请;喷头公称...

    UGNX8.0数控加工典型实例教程——第2章 平面铣.pdf

    平面铣是一种 2.5 轴加工方式,在加工过程中首先进展水平方向的 XY 两轴联动,完成一层加工后再进展 Z 轴下切进入下一层,逐层完成零件加工。通过设置不同的切削方法,平面铣可以完成挖槽或者轮廓外形的加工。 2.2 ...

    太极拳有多少练法.pdf

    例如,有的师傅会将太极拳的八种劲——拥、捋、挤、按、采、捌、肘、靠,分别进行两年的专注训练,通过这种方式深入理解和掌握每一种劲的力量运用。 根据不同的太极拳流派和指导,可以将其分为不同的境界。如文中...

    多圈绝对值增量编码器.doc

    就是每个手表对标准时间的准确性,这是每个手表都不一样的(有越走越快的,有越走越慢的。大致都是精确在 1至 30 秒之间)。 在旋转编码器的使用中,分辨率与精度是完全不同的两个概念。编码器的分辨率是指编码可...

    省市级联 ssh整合实现

    Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。在省市级联中,当用户选择省份时,可以通过Ajax异步请求获取对应城市的列表,这样可以提高用户...

    Ajax技术在学生综合测评系统中的应用.pdf

    它不是一种新鲜的技术,而是一种技巧,将各种技术重新揉合在一起,使得古老的B/S方式的Web开发焕发了新的活力。Ajax技术的核心是JavaScript对象XmlHttpRequest,通过这个对象,Ajax可以像桌面应用程序一样与服务器...

    2015美拍哈哈哈哈拍social传播方案-50P.pdf

    方案中提到了“用户端立体营销”,这表明营销活动不仅仅局限于一个平台或一种方式,而是要通过多渠道、多维度进行综合性的营销。在各个不同平台上的推广活动需要彼此联动,这样才能形成整合效应,提升整体的宣传力度...

    利用ado.net entity framework快速开发信息管理

    ADO.NET Entity Framework 是微软推出的一种对象关系映射(ORM)框架,它允许开发者使用面向对象的编程方式来处理数据库操作,从而简化了数据库应用的开发。在本文中,我们将深入探讨如何利用ADO.NET Entity ...

    mpvue-picker:基于 mpvue 框架的小程序选择控件,支持单列,多列,联动

    mpvue-picker 基于 mpvue 框架的小程序...其实小程序提供了原生的 picker 组件,但是在开发的时候会发现在 android 手机上看到的 picker效果与微信开发者工具预览的效果不一样,其实就是丑了一点点... 在小程序中使用

    acode_selected_example:自定义选择器

    最近做项目,发现有很多二三级联动和筛选条件的页面,仔细观察发现他们其实是一样的,只是数据和排列方式不同, 我也在寻找一种最简便的方法来处理这么多无聊和枯燥的页面,我选择封装一个选择器。这时候多态的重要...

    JB-3208火灾报警控制器使用说明书.pdf

    + “ 监管报警”信号与“ 火灾报警”信号一样,可以参与联动逻辑编程。“ 火灾报警”信号、 “ 监管报警”信号、联动模块接收到的反应信号均可作为联动逻辑编程的探测点。“ 火灾报警”信号在火灾报警时亮“ 火警”...

Global site tag (gtag.js) - Google Analytics