JavaScript案例六：简单省市联动(NBA版)

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版)的更多相关文章

通过Javascript数组设计一个省市联动菜单
通过Javascript数组设计一个省市联动菜单使用Option内置类来完成下拉选项的创建 2.使用定时器实现一个时钟程序 3.使用PHP+JSON完成语音验证码网址:http://yuyin.b ...
AJAX案例四：省市联动
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...
省市联动_简单的Demo，适用于各种二级菜单联动
最近搞了一个功能,是查询页面需要用到二级菜单联动,获取到选中的属性value传入到后台. 平常都是用AJAX或者JQuery ,通过XML或者JSON的方式,这样的话需要调用数据库,像典型得到省市联动 ...
ajax经典案例--省市联动
ajax的省市联动案例如果我们的代码比较复杂,可以通过file_put_contents来输出信息到某个日志. 在一个元素中添加另一个元素使用的方法是:appendChild(). 函数append ...
JavaScript DOM编程艺术（第2版）的简单总结
介绍 JavaScript DOM编程艺术(第2版)主要讲述了 JavaScript.DOM 和 HTML5 的基础知识,着重讲述了 DOM 编程,并通过几个实例演示了具有专业水准的网页开发. 下面介 ...
JavaScript(JS)实现省市联动选择下拉列表
在开发一个应用的时候需要用刀省市联动的下拉列表,网上找到不少.但是要么太复杂,难以修改:要么根本就用不了,最后自己在一个示例中提取出数据,然后自己写了一个,简单易懂,适合新手... 代码如下: Pro ...
html css javascript 知识点总结 bom js 操作标签文本节点表格各行变色悬停变色省市联动正则
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
JavaScript基础4——省市联动
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
AJAX应用案例之省市联动
jsp 主要是要注意多Document的操作 <%-- Created by IntelliJ IDEA. User: YuWenHui Date: 2017/4/23 0023 Time: 1 ...

随机推荐

[原] Android持续优化 - 提高流畅度
一．形象的感官一下流畅度概念 1. 这是官方给出的概念:Android流畅运行,需要运行60帧/秒, 则需要每帧的处理时间不超过16ms. 2. 每秒帧数,实际上就是指动画或视频每秒放映的画面数.因此 ...
后台返回json数据，前台显示代码
List list = "从DAL获取的数据集合" //取出分页标签html int pageIndex = context.Request["pageIndex&quo ...
Arbitrage(bellman_ford)
Arbitrage Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 16652 Accepted: 7004 Descri ...
The Pilots Brothers' refrigerator（dfs)
The Pilots Brothers' refrigerator Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 19718 ...
Java 参数的一些心得
java 对象入参是传入的是引用(一块内存), 基础类型是值(复制内容),测试代码如下 public class TestA { private String name; public String ...
交叉编译php5,、nginx、squid方法
本文为原创,转载请注明:http://www.cnblogs.com/tolimit/ 交叉编译php5 软件版本:php-5.4.27 依赖库:zlib,libxml2 交叉编译器:arm-hisi ...
Android之开启手机系统自带铃声
/** * 开启手机系统自带铃声 */ private void startAlarm() { mMediaPlayer = MediaPlayer.create(this, getSystemDef ...
hiho #1143 : 骨牌覆盖问题·一（运用快速幂矩阵）
#1143 : 骨牌覆盖问题·一时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述骨牌,一种古老的玩具.今天我们要研究的是骨牌的覆盖问题:我们有一个2xN的长条形棋盘,然 ...
Java获取、删除文件和目录
package javatest; import java.io.File; import java.util.ArrayList; import java.util.regex.Pattern; c ...
php远程抓取网站图片并保存
以前看到网上别人说写程序抓取网页图片的,感觉挺神奇,心想什么时候我自己也写一个抓取图片的方法! 刚好这两天没什么事,就参考了网上一个php抓取图片代码,重点借鉴了匹配img标签和其src属性正则的写 ...

JavaScript案例六：简单省市联动(NBA版)

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

随机推荐

热门专题