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. CocoStudio基础教程(2)关联程序逻辑与cocoStudio导出文件

    1.概述 上篇说到将CocoStudio的导出文件在程序中运行出来,但是并没有用户交互,即点击响应,程序的逻辑判断也都没有.这篇中我们把它们加进去,这样就可以算一个完整的程序了. 2.界面编辑 大部分 ...

  2. 常用 C 头文件

    ISO C 标准定义的头文件 头文件 说明 <assert.h> 验证程序断言 <complex.h> 复数算术运算支持 <ctype.h> 字符分类和映射支持 & ...

  3. [转]结合轮廓显示，实现完整的框选目标(附Demo代码)

    原地址:http://www.cnblogs.com/88999660/articles/2887078.html 几次看见有人问框选物体的做法,之前斑竹也介绍过,用画的框生成的视椎,用经典图形学的视 ...

  4. Window_搭建SVN服务器

    http://wenku.baidu.com/link?url=614FLi_VlhiJpyG5bq8JcwFBHroMjsV3FvBDzyyn0snZ85jbWx7xh-RPJdH7stxlgM9i ...

  5. 第3章 K近邻法

    参考: http://www.cnblogs.com/juefan/p/3807713.html http://blog.csdn.net/v_july_v/article/details/82036 ...

  6. C/C++ 文件操作

    C/C++ 文件操作大概有以下几种 1.C的文件操作: 2.C++的文件操作: 3.WINAPI的文件操作: 4.BCB库的文件操作: 5.特殊文件的操作. 当然了,水题时最常用的当然还是: freo ...

  7. http://www.zhihu.com/question/24896283

    http://www.zhihu.com/question/24896283 Rix Tox,太不專業了 三百.知乎用户.raintorr 等人赞同 1. 更改变量名的几种方法这种情况下该如何快速选中 ...

  8. 用VMware安装虚拟系统时出现Invalid system disk,Replace the disk and then press any key

    VMware 默认是第一次从光盘启动,第二次从硬盘启动,你刚分区,里面还没有系统,当然报这个错,再次从光盘启动需要设置 VMware 的 BIOS,重新启动虚拟系统,当出现 VMware 的图标时用鼠 ...

  9. 5.django笔记之form保存表单信息，动态select

    作者:刘耀 一.使用form保存用户输入过的信息 场景:例如 如果用户注册,那么他输入n多个表单之后,那么他提交是时候,如果错误返回的时候,那么需要重新再输入表单内容.这样会影响用户体验,所以,使用f ...

  10. DP:Ant Counting(POJ 3046)

    数蚂蚁 题目大意:一只牛想数蚂蚁,蚂蚁分成很多组,每个组里面有很多只蚂蚁,现在问你有多少种组合方式 (说白了就是问1,1,1,...,2...,3...,4...)这些东西有多少种排列组合方式 这一道 ...