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. motto3

    在我看来,最努力的人不一定能收获最好的,但不努力的人是必定收获不到任何东西的. 所以,园主,你要会努力才行.否则,你会累死的. 用心去学,用脑去想,认真对待每一件事,聪明一点,不要太愚蠢.

  2. ExtJS学习之路第七步：contentEl与renderTo的区别

    上回在Panel的应用中我们应该能大致区分开conteEl和renderTo,这回我们从定义中区分. 在Panel的API中, contentEl:String指定一个现有的HTML元素或者id作为此 ...

  3. javascript工厂模式

    工厂模式 设计工厂模式的目的是为了创建对象.它通常在类或者类的静态方法实现,具有下列目标: 1.在创建相似对象是执行重复操作 2.在编译时不知道具体类型(类)的情况下,为工厂客户提供一种创建对象的接口 ...

  4. Matlab图像处理入门

    1． Matlab基础 1.1     数据格式 Matlab默认的数据格式为双精度浮点数的矩阵或数组,同时支持其它数据类型.Matlab将单变量看作1´1的数组.Matlab支持的数据类型如下: 索 ...

  5. git初学者这样就行了。

    Create a new repository on the command line touch README.md git init git add README.md git commit -m ...

  6. 让jar程序在linux上一直执行

    当我们把java程序打成jar包后,放到linux上通过putty或其它终端执行的时候,如果按照:java -jar xxxx.jar执行,当我们退出putty或终端的时候,xxxx.jar这个程序也 ...

  7. poj1258 Agri-Net 最小生成树

    Agri-Net Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 44032   Accepted: 18001 Descri ...

  8. typedef 各类定义，各类问题大全

    第一篇:typedef struct与struct的区别 1. 基本解释 typedef为C语言的关键字,作用是为一种数据类型定义一个新名字.这里的数据类型包括内部数据类型(int,char等)和自定 ...

  9. ASP.NET小知识

    所有System.Web.UI.*命名空间下的内容可以称为Web From,而System.Web.*命名空间下的其他内容可以称为ASP.NET. @section用法:配合母版页中的@RenderS ...

  10. HDFS 原理、架构与特性介绍--转载

    原文地址:http://www.uml.org.cn/sjjm/201309044.asp 本文主要讲述 HDFS原理-架构.副本机制.HDFS负载均衡.机架感知.健壮性.文件删除恢复机制 1:当前H ...