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. C开发基础－－函数调用栈

    发现有一些问题几乎是所有的新人都会遇到,而且也常因为缺乏一些基本的知识而无从下手.函数调用栈的内容就是其中之一.于是花点时间把以前写的内容整理出来. 程序在运行期间,内存中有一块区域,用来实现程序的函 ...

  2. ASP.NET MVC学习笔记-----ActionInvoker

    还是这张图: 当ControllerFactory生成Controller实例后,这时就需要使用ActionInvoker来选择调用一个合适的Action执行.ASP.NET MVC提供的基类Cont ...

  3. 自定义继承于Page的基类

    自定义继承于Page的基类:MyBasePage[校验用户是否登录,如果登录则获取用户信息,否则跳转到登录页面]============================================ ...

  4. A+B Again（在某个数中找大于m的最小约数）

    A+B Again Accepted : 15   Submit : 243 Time Limit : 1000 MS   Memory Limit : 65536 KB  题目描述 上次趣味赛小明的 ...

  5. hiho #1272 买零食 [Offer收割]编程练习赛2

    #1272 : 买零食 时间限制:5000ms 单点时限:1000ms 内存限制:256MB 描述 小Ho很喜欢在课间去小卖部买零食.然而不幸的是,这个学期他又有在一教的课,而一教的小卖部姐姐以冷若冰 ...

  6. Mysql函数集合

    Mysql提供了很多函数 提供的常用函数集合 一.数学函数 ABS(x) 返回x的绝对值 BIN(x) 返回x的二进制(OCT返回八进制,HEX返回十六进制) CEILING(x) 返回大于x的最小整 ...

  7. SpringMVC配置easyui-datagrid

    SprimgMVC的UserController.java @RequestMapping(value = "listUserForJson") @ResponseBody pub ...

  8. 要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。”的解决办法。

    1.在网站根目录下新建一scripts文件夹,向里边添加jquery-1.7.2.min.js和jquery-1.7.2.js(可根据自己需要使用不同的版本),      2.在根目录下添加全局应用程 ...

  9. 【转】Oracle数据库中Sequence的用法

    在Oracle数据库中,sequence等同于序列号,每次取的时候sequence会自动增加,一般会作用于需要按序列号排序的地方. 1.Create Sequence (注释:你需要有CREATE S ...

  10. poj 2136 Vertical Histogram 解题报告

    题目链接:http://poj.org/problem?id=2136 题意不难理解,就是输入四行字符串(每行字符总数不超过72个),统计26个英文字母的数目,并按柱状图的形式输出.我的思路就是,先用 ...