当前位置:首页 > 日记 > 正文

Javascript实现一个简单的两级链接。

Javascript实现一个简单的两级链接。
一般网页上可以看到两级链接,通常是地址,比如点击浙江省,然后是杭州和嘉兴。点击朝阳和海淀,而不是杭州和嘉兴。

要实现这一步,你需要使用Javascript来实现它。原则使用OnChange时间。

首先,onchange事件发生时的域changes.javascript对象支持事件的内容:文件上传,选择文本,文本,我们使用的是选择实现两级联动。

下面是HTML代码,首先为该省设置一个选择,然后为该城市选择第二个选择,但是该城市使用一个数组将其连接到js中的省。

复制代码代码如下所示:

二级联动

省份

北京

浙江

下面是js代码

复制代码代码如下所示:

瓦尔河省= document.getelementbyid(省);

VaR的城市document.getelementbyid(城市);

var区域= {

{ '朝阳','海淀','北京' }, / /零区0 {0,1,2}阵列。

{杭州、海宁第一区域的数组、1 { 0.1 }

};

函数选择(){

var;

变量=区域{值};如果您选择北京0,则朝阳、海淀}这是一个连接数组,对应于哪个城市的省份。

如果(province.value = =1){ / /选择价值1因为它是'、'字,而不是北京,所以我们选择当省相当于让他的城市是空的

city.innerhtml =选择;

}

对于(var i = 0;i < len.length;i++){ / /地区的阵元数为(i = 0;i < 3;i++)

朝阳(林{ 0 }),

选择朝阳(林{ 0 }),+。

海淀(林{ 1 })

选择朝阳(林{ 0 }),+。

海淀(林{ 1 })+。

北京(林{ 2 })

}

city.innerhtml =选择;

}

province.onchange =函数(){

选择();

}
一般网页上可以看到两级链接,通常是地址,比如点击浙江省,然后是杭州和嘉兴。点击朝阳和海淀,而不是杭州和嘉兴。

要实现这一步,你需要使用Javascript来实现它。原则使用OnChange时间。

以上是本文的全部内容,希望大家能喜欢。

相关文章

从右向左打字

从右向左打字

电脑软件,本教程是介绍一个朋友到CDR从右向左打字的方法,教程比较基础,很适合初学者学习,为了使你能更直观的学习和理解,本教程使用GIF动态图来展示,希望你看完后会有所帮助。 今天,我从左到右输入了CDR的一个小教程,这也是一个小技巧,希望对学习CD…

ps高手演示如何取厨房一本(如仔细拍

ps高手演示如何取厨房一本(如仔细拍

一本,演示,仔细,厨房,高手,本教程是介绍一个朋友PS高手演示如何照一个厨房的方法,这个教程真的很不错,非常适合摄影爱好者学习,很好,大家一起学习。 最近我脑子里有了一个疯狂的想法,我有时间去实践它,这个想法是,让我在厨房地板上飞,饼干和茶到处…

设置excel函数公式的颜色

设置excel函数公式的颜色

函数,设置,公式,颜色,电脑软件,选择表格单元格颜色效果,格式化条件格式,选择公式;公式如下,然后选择格式;;按钮,选择颜色模式。 1。交错色效应(奇数行): = mod(行()(),2)= 1 2。隔行色彩效果(偶数行): = mod(行()(),2)= 0 三.如果要为3行应用程序设置一个底纹的格式,可…

Javascript中直接执行函数表达式的介绍

Javascript中直接执行函数表达式的介绍

函数表达式,执行,电脑软件,Javascript,我们习惯于看到这样的匿名函数。 复制代码代码如下所示: (函数(){()) console.log(测试); }); 所谓的自动执行匿名函数(自动执行匿名函数) 结果发现,有一个叫调用函数表达式(生活,立即调用函数表达式) 立即调用函…

PS图象处理软件是快速提高的马赛克

PS图象处理软件是快速提高的马赛克

图象,处理软件,效果,快速,电脑软件,本教程是PS图象处理软件的一个简要的介绍,这是一个简单而快速的方法把照片和锐化马赛克效果的朋友。教程制作的马赛克效果非常漂亮,难度也不是很大。 看到有人用烟花锐化了马赛克效果,我觉得效果真的很好!事…

使用正则表达式匹配样式垃圾字符串

使用正则表达式匹配样式垃圾字符串

字符串,正则表达式,样式,垃圾,电脑软件,源代码如下所示: 复制代码代码如下所示: -(NSUInteger)analyserx:(NSString *)字符串withpatternstring:(NSString *)串模式 { 使用匹配的字符串数。 将字符串的数量与}匹配 如果(字符串= 0) { 返回0; } 正则表…

高光蓝圆的黑色纹理按钮PS图象处理

高光蓝圆的黑色纹理按钮PS图象处理

纹理,软件设计,图象处理,按钮,黑色,这个PS教程学习如何使用PS图象处理软件自定义形状工具和图层样式,面罩采用高广兰黑色按钮开关。 先看看效果吧。 新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。 创建一个新图…

javascript分析判断和处理数字的实例

javascript分析判断和处理数字的实例

数字,实例,电脑软件,javascript,本文的示例讲述了判断和处理Javascript数量的技术,供大家参考,具体分析如下: Javascript多态属性非常酷。var不需要记住这么多奇怪的变量。然而,有时你会感到困惑。为什么我把两个数相加的数据,但结果是一个字符串,加起来。这…

关于在AI使用辅助线和尺的教程

关于在AI使用辅助线和尺的教程

教程,辅助线,电脑软件,AI,在本教程中,我们将学习辅助线和尺在AI的技能。这个教程很有用。这将有助于一些刚刚开始接触人工智能的朋友。我希望你的朋友会喜欢这个教程。 插图辅助线和直尺的技巧 1速打印输出速度 对插画在人民创造的使用,经…

搭建滑动开关效果

搭建滑动开关效果

滑动开关,效果,电脑软件,本文介绍了使用jQuery、php和mysql实现类似360安全卫士的防火墙的启闭开关,可应用于产品功能的启闭功能。 为了更好地演示这个示例,我们需要一个数据表来记录所需的函数描述和打开状态。表结构如下: 复制代码代码如下…

PS图象处理软件设计并制造出一种绿

PS图象处理软件设计并制造出一种绿

下载,图象处理,软件设计,按钮,电脑软件,这个PS教程学习如何使用自定义形状工具和图层样式制作PS图象处理软件绿色下载按钮 先看看效果吧。 新文档400x200像素,背景白色,新建图层画一个圆角矩形,颜色# 6fcf1a。 添加图层样式。 效果如下。 …

设计者必须阅读它!标志设计的禁忌总

设计者必须阅读它!标志设计的禁忌总

知识,盲区,设计者,禁忌,标志,本文不仅介绍了通常被认为是在罗的设计可能是审美的、创造性的、和某些禁忌而引起的国家之间的文化差异(和传播禁忌应用的元素),从罗设计,易于使用的一个方面,来分析罗设计的要点,需要的朋友可以被称为 作为设计师,我…