`
kirayuan
  • 浏览: 38562 次
文章分类
社区版块
存档分类
最新评论

js写的二级级联选项框

 
阅读更多



请选择省名


请选择城名


<!-- &nbsp;&nbsp; <br />var&nbsp; city1&nbsp; =&nbsp; ["杭州",&nbsp; "宁波",&nbsp; "温州",&nbsp; "绍兴",&nbsp; "金华",&nbsp; "湖州"];&nbsp;&nbsp; <br />var&nbsp; city2&nbsp; =&nbsp; ["南京",&nbsp; "苏州",&nbsp; "无锡",&nbsp; "常州",&nbsp; "镇江",&nbsp; "徐州"];&nbsp;&nbsp; <br />var&nbsp; city3&nbsp; =&nbsp; ["合肥",&nbsp; "翕县",&nbsp; "黄山",&nbsp; "祁门",&nbsp; "休宁"];&nbsp;&nbsp; <br />var&nbsp; city4&nbsp; =&nbsp; ["南昌",&nbsp; "九江",&nbsp; "赣州",&nbsp; "上饶",&nbsp; "新余",&nbsp; "景德镇"];&nbsp;&nbsp;&nbsp; <br />var&nbsp; provinceName&nbsp; =&nbsp; ["浙江",&nbsp; "江苏",&nbsp; "安徽",&nbsp; "江西"];&nbsp;&nbsp; <br />function&nbsp; province()&nbsp;&nbsp; <br />{&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var&nbsp; e&nbsp; =&nbsp; document.form1.province;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for&nbsp; (var&nbsp; i=0;&nbsp; i <provinceName.length;&nbsp; i++)&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; e.options.add(new&nbsp; Option(provinceName[i],&nbsp; provinceName[i]));&nbsp;&nbsp; <br />}&nbsp;&nbsp; <br />function&nbsp; cityName(n)&nbsp;&nbsp; <br />{&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var&nbsp; e&nbsp; =&nbsp; document.form1.city;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for&nbsp; (var&nbsp; i=e.options.length;&nbsp; i>0;&nbsp; i )&nbsp;&nbsp;&nbsp; e.remove(i);&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if&nbsp; (n&nbsp; ==&nbsp; 0)&nbsp; return;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var&nbsp; a&nbsp; =&nbsp; eval("city"+&nbsp; n);&nbsp; //得到城市的数组名&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for&nbsp; (var&nbsp; i=0;&nbsp; i<a.length;&nbsp; i++)&nbsp; e.options.add(new&nbsp; Option(a[i],&nbsp; a[i]));&nbsp;&nbsp; <br />}&nbsp;&nbsp; <br />function&nbsp; window.onload()&nbsp;&nbsp; <br />{&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; province();&nbsp; //初始时给省名下拉菜单赋内容&nbsp;&nbsp; <br />}&nbsp;&nbsp; <br /> // -->

分享到:
评论

相关推荐

    js多级联动多选checkbox插件

    js多级联动多选checkbox插件

    js实现下拉框二级联动

    在做项目的时候,一个添加问题题目,选项和答案的问题,题目类型分为选择题,判断题,和多选题三种,此处需要添加一个二级联动的功能,即当题型为选择题的时候,正确选项的下拉框里出现的是A,B,C,D.如果题型是判断题...

    js操纵跨frame的三级联动select下拉选项实例介绍

    实验内容【必做】 (1)建立一个包含三个frame的窗口 (2)第一个frame1中包含一个select,内容是中国的各个省 (3)第二个frame2中同样含有一个select,内容是各省的地级市 (4)第三个frame3用来显示关于某地...

    spring-picker2:react 的选项选择器组件,支持多级联动

    支持多级联动,选项动态更新 灵活的选项配置 兼容ios的背景滚动问题 demo预览 Chrome打开开发者工具,切换到手机模拟器预览 手机二维码扫描预览 如何使用 $ npm install spring-picker2 -S import 'spring-picker/...

    AngularJS实现的省市二级联动功能示例【可对选项实现增删】

    本文实例讲述了AngularJS实现的省市二级联动功能。分享给大家供大家参考,具体如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;www.jb51.net 省市二...

    js实现的下拉框二级联动效果

    本文实例讲述了js实现的下拉框二级联动效果。分享给大家供大家参考,具体如下: [removed] &lt;!-- /* * 说明:将指定下拉列表的选项值清空 * 转自:Gdong Elvis ( http://www.gdcool.net ) * * @param {String...

    jQuery 下拉列表 二级联动插件分享

    jQuery二级联动插件:jQuery.selected 一个页面可以引用多个联动效果,使用方法: 配置js: 代码如下: var defaults = { NextSelId: ‘#Select2’, SelTextId: ‘#Text1’, Separator: ‘–‘, SelStrSet: [ { name:...

    javascript支持区号输入的省市二级联动下拉菜单

    省市二级联动下拉菜单,增加了区号输入.多组选项共用一组数据. 选择地区,可以获取区号,填写区号自动选取地区. 某些地市的区号收集中. 省份 选择城区 1)inti(0);findarea();”&gt; 省份 选择城区 1)inti(1);find...

    ASP200问.EXE

    25.如何实现字符大小写的转换 26.如何将每个单词的首个字母改成大写 27.如何将汉字转换为拼音 28.如何分位显示位数较长的数字 29.如何将数字转换为大写的中文字符 30.如何判断奇数和偶数 32.如何生成一个随机数 33....

    php网络开发完全手册

    13.6.2 第二范式(2NF) 209 13.6.3 第三范式(3NF) 210 13.7 数据库设计的方法与步骤 210 13.7.1 需求分析 211 13.7.2 概念设计的E-R方法 214 13.7.3 数据库的逻辑设计方法 215 13.7.4 物理设计阶段 218 13.7.5 ...

    XML学习指南 电子书

    第7章讨论级联样式表(cascading style sheet)—最简单,但是最受限的样式表类型—而第10章介绍使用XSL(扩展样式表语言,Extensible Stylesheet Language),一种用XML编写的更高级、更灵活的样式表类型。...

    XML学习指南

    第7章讨论级联样式表(cascading style sheet)—最简单,但是最受限的样式表类型—而第10章介绍使用XSL(扩展样式表语言,Extensible Stylesheet Language),一种用XML编写的更高级、更灵活的样式表类型。...

    XML学习指南经典中文版

    第7章讨论级联样式表(cascading style sheet)—最简单,但是最受限的样式表类型—而第10章介绍使用XSL(扩展样式表语言,Extensible Stylesheet Language),一种用XML编写的更高级、更灵活的样式表类型。...

Global site tag (gtag.js) - Google Analytics