JavaScript实现简单省市(NBA版)联动

<!DOCTYPE html>

<html>

  <head>

    <title>JavaScript实现简单省市(NBA版)联动</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <script type="text/javascript" >

        var arr=new Array(3);

        arr[0]=["骑士","詹姆斯","欧文","乐福","TT"];

        arr[1]=["勇士","库里","杜兰特","汤普森","格林"];

        arr[2]=["马刺","邓肯","吉诺比利","帕克","卡哇伊","阿尔德里奇"];

        function choose(value)

        {

            var s=document.getElementById("s1");

            var a=s.getElementsByTagName("option");

            for(var k=0;k<a.length;k++)//在选择一个新球队时，应该删除之前球队的球员

            {

                s.removeChild(a[k]);

                k--;     //数组在动态变化！

            }

            for(var i=0;i<arr.length;i++)

            {

                var temp=arr[i];

                if(value==temp[0])

                {

                    for(var j=1;j<temp.length;j++)

                    {

                        var op=document.createElement("option");

                        var te=document.createTextNode(temp[j]);

                        op.appendChild(te);

                        s.appendChild(op);

                    }

                }

            }

        }

    </script>

  </head>

  <body>

      <select onchange="choose(this.value)">

          <option>---请选择---</option>

          <option value="骑士">骑士</option>

          <option value="勇士">勇士</option>

          <option value="马刺">马刺</option>

      </select>

      <select id="s1"></select>

  </body>

</html>

运行示意：

aaarticlea/png;base64,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" alt="" />

JavaScript案例六：简单省市联动(NBA版)的更多相关文章

  1. 通过Javascript数组设计一个省市联动菜单

    通过Javascript数组设计一个省市联动菜单 使用Option内置类来完成下拉选项的创建 2.使用定时器实现一个时钟程序 3.使用PHP+JSON完成语音验证码 网址:http://yuyin.b ...

  2. AJAX案例四：省市联动

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  3. 省市联动_简单的Demo，适用于各种二级菜单联动

    最近搞了一个功能,是查询页面需要用到二级菜单联动,获取到选中的属性value传入到后台. 平常都是用AJAX或者JQuery ,通过XML或者JSON的方式,这样的话需要调用数据库,像典型得到省市联动 ...

  4. ajax经典案例--省市联动

    ajax的省市联动案例 如果我们的代码比较复杂,可以通过file_put_contents来输出信息到某个日志. 在一个元素中添加另一个元素使用的方法是:appendChild(). 函数append ...

  5. JavaScript DOM编程艺术（第2版）的简单总结

    介绍 JavaScript DOM编程艺术(第2版)主要讲述了 JavaScript.DOM 和 HTML5 的基础知识,着重讲述了 DOM 编程,并通过几个实例演示了具有专业水准的网页开发. 下面介 ...

  6. JavaScript(JS)实现省市联动选择下拉列表

    在开发一个应用的时候需要用刀省市联动的下拉列表,网上找到不少.但是要么太复杂,难以修改:要么根本就用不了,最后自己在一个示例中提取出数据,然后自己写了一个,简单易懂,适合新手... 代码如下: Pro ...

  7. html css javascript 知识点总结 bom js 操作标签 文本 节点 表格各行变色 悬停变色 省市联动 正则

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  8. JavaScript基础4——省市联动

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. AJAX应用案例之省市联动

    jsp 主要是要注意多Document的操作 <%-- Created by IntelliJ IDEA. User: YuWenHui Date: 2017/4/23 0023 Time: 1 ...

随机推荐

  1. 转:Java NIO系列教程(一)Java NIO 概述

    Java NIO 由以下几个核心部分组成: Channels Buffers Selectors 虽然Java NIO 中除此之外还有很多类和组件,但在我看来,Channel,Buffer 和 Sel ...

  2. Linux系统日志及日志分析

    Linux系统日志及日志分析   Linux系统拥有非常灵活和强大的日志功能,可以保存几乎所有的操作记录,并可以从中检索出我们需要的信息. 大部分Linux发行版默认的日志守护进程为 syslog,位 ...

  3. JavaScript 中 for in 循环和数组的问题

    本文由 伯乐在线 - ElvisKang 翻译,进林 校稿.未经许可,禁止转载!英文出处:adripofjavascript.com.欢迎加入翻译小组. JavaScript的for…in循环用于迭代 ...

  4. 复制”链接文件“到虚拟机（VirtualBox）的”共享文件夹“时报错：创建符号链接时报错：只读文件系统

    问题描述: 1.Ubuntu 中的 /www/目录,是宿主主机 Windows 7 以“共享文件夹”的形式挂载的: 2./etc/php.ini 是 /opt/software/php/etc/php ...

  5. Server Application Unavailable出现的原因及解决方案集锦

    iis ServerAppl 共存 应用程序池 站点  在Asp.net站点中经常出现这种提示 Server Application Unavailable The web application y ...

  6. NSDictionary转化为实体类对象

    方法一: 使用objective-c NSObject自带的方法 setValuesForKeysWithDictionary:dict 作用是: 如果NSDictionary中的key和实体类对象的 ...

  7. Encapsulation and Requiring Files

    By encapsulating all the logic for an object, whether it’s a Dog or a User or an IceCreamShop, you a ...

  8. c++中的srand()和rand() 转载 自：http://blog.sina.com.cn/s/blog_624c2c4001012f67.html

    今天看了同事写的小程序,发现了其中出现了srand()和rand()这两个我以前没有用过的函数,当然从名字可以看出肯定能随机数有关,于是网查资料知这两个函数配合一起使用来产生随机数的,哈哈,又长知识了 ...

  9. django-cms 代码研究（七）杂七杂八

    实体关系图 核心对象: cms_page/cms_placeholder/cms_cmsplugin. page模型类继承关系图 CMSPlugin&Placeholder模型类继承关系图 = ...

  10. boa服务器make错误

    参考: http://zhouyang340.blog.163.com/blog/static/3024095920121187544204/ http://blog.csdn.net/hongjiu ...