脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript省市联动

JavaScript省市联动实现代码

 更新时间：2014年02月15日 15:01:54   投稿：shangke  
这篇文章主要介绍了JavaScript省市联动实现代码,需要的朋友可以参考下

复制代码 代码如下:

<html>
<head>
    <title>JS省市二级联动菜单,整理收集。</title>
</head>
<body bgcolor="#FFFFFF" alink="#333333" vlink="#333333" link="#333333" topmargin="0"
    leftmargin="0" onload="init()">
    <form  method="post" name="creator" enctype="multipart/form-data">
    <script language="javascript" type="text/javascript">
        var where = new Array(35);
        function comefrom(loca, locacity) { this.loca = loca; this.locacity = locacity; }
        function select() {
            with (document.creator.province) { var loca2 = options[selectedIndex].value; }
            for (i = 0; i < where.length; i++) {
                if (where[i].loca == loca2) {
                    loca3 = (where[i].locacity).split("|");
                    for (j = 0; j < loca3.length; j++) { with (document.creator.city) { length = loca3.length; options[j].text = loca3[j]; options[j].value = loca3[j]; var loca4 = options[selectedIndex].value; } }
                    break;
                }
            }
            document.creator.newlocation.value = loca2 + loca4;
        }
        function init() {
            with (document.creator.province) {
                length = where.length;
                for (k = 0; k < where.length; k++) { options[k].text = where[k].loca; options[k].value = where[k].loca; }
                options[selectedIndex].text = where[0].loca; options[selectedIndex].value = where[0].loca;
            }
            with (document.creator.city) {
                loca3 = (where[0].locacity).split("|");
                length = loca3.length;
                for (l = 0; l < length; l++) { options[l].text = loca3[l]; options[l].value = loca3[l]; }
                options[selectedIndex].text = loca3[0]; options[selectedIndex].value = loca3[0];
            }
        }

    </script>
    <font color="#000000"><b>来自：</b> 省份<select name="province" onchange="select()"></select>城市<select
        name="city" onchange="select()">
    </select>
        我在<input type="text" name="newlocation" maxlength="12" size="12" style="font-weight: bold" />
    </font>
    </form>
</body>
</html>

相关文章

  • JS+CSS实现简单的二级下拉导航菜单效果

    JS+CSS实现简单的二级下拉导航菜单效果

    这篇文章主要介绍了JS+CSS实现简单的二级下拉导航菜单效果,通过简单的JavaScript页面元素遍历及样式操作实现下拉菜单效果,非常简单实用,需要的朋友可以参考下
    2015-09-09
  • js parseInt("08")未指定进位制问题

    js parseInt("08")未指定进位制问题

    今天在做JS关于月份的判断，对于parseInt("01")到parseInt("07");都能得到正确的结果，但如果是parseInt("08")或parseInt("09")则返回0，首先看parseInt语法：parseInt(string, radix);
    2010-06-06
  • js window.onload 加载多个函数的方法

    js window.onload 加载多个函数的方法

    平时做项目 经常需要使用window.onload，但window.onload 不能同时加载多个函数。
    2009-11-11
  • JavaScript输出数据的多种方式小结

    JavaScript输出数据的多种方式小结

    这篇文章主要介绍了 JavaScript 输出数据的多种方式,包括使用弹出警告框、写入 HTML 文档、使用 innerHTML 写入 HTML 元素、写入浏览器控制台,还讲解了操作 HTML 元素的方法,需要的朋友可以参考下
    2024-12-12
  • Js中forEach修改原数组与sort排序经典场景详解

    Js中forEach修改原数组与sort排序经典场景详解

    forEach是没有返回值并且不直接改变原数组的,今天发现是不能直接改变,下面这篇文章主要给大家介绍了关于Js中forEach修改原数组与sort排序经典场景的相关资料,需要的朋友可以参考下
    2022-05-05
  • js中异步函数async function变同步函数的简单入门

    js中异步函数async function变同步函数的简单入门

    这篇文章主要介绍了js中异步函数async function变同步函数的简单入门，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-04-04
  • JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解

    JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解

    这篇文章主要介绍了JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解的相关资料,需要的朋友可以参考下
    2016-03-03
  • 使用BootStrap实现用户登录界面UI

    使用BootStrap实现用户登录界面UI

    本文给大家介绍使用BootStrap实现用户登录界面UI，布局风格采用左右各一半的风格设计，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-08-08
  • Javascript Symbol原理及使用方法解析

    Javascript Symbol原理及使用方法解析

    这篇文章主要介绍了Javascript Symbol原理及使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • js自定义方法通过隐藏iframe实现文件下载

    js自定义方法通过隐藏iframe实现文件下载

    通过隐藏iframe实现文件下载,不可思议吧，但确实是可以实现的,不懂的看下代码，或许可以帮助到你,而且此功能是用js实现的，感兴趣的你可不要错过了哈
    2013-02-02

最新评论