js利用陣列做省級聯動

阿新 • • 發佈：2019-01-20

建立陣列
var 陣列名稱=new Array(size);

Array:陣列的關鍵字。

size:陣列中可存放的總數，可以動態改變陣列長度。

用陣列實現省級（兩層）聯動

window.onload = function(){
	//定義陣列併為其初始化
	var cityList = new Array();
	//下標定義為河北省，可把下標定義為0，1，然後再html中第一個selected中加入<option value="河北省">河北省</option>
	cityList['河北省'] = ['唐山市','廊坊市'];
	cityList['河南省'] = ['洛陽市','鄭州市'];
	cityList['湖北省'] = ['武漢市','宜昌市'];
	
	var menu1 = document.getElementById("menu1");
	var menu2 = document.getElementById("menu2");
	
	//為第一級和第二級下拉框進行初始化
	for(var i in cityList){//i為下標
		//向下拉框中新增Option選項，option中有兩個值，一個value，一箇中間的顯示值
		menu1.add(new Option(i,i));
	}
	menu2.add((new Option("--","--")));
	
	//捕獲下拉列表框一的改變事件
	menu1.onchange = function(){
		//獲取menu1選中的下拉項
		var menu1Val = menu1.value;
		//清空列表框的Option選項
		menu2.length = 0;
		for(var j in cityList){
			for(var k in cityList[j]){
				if(menu1Val==j){
					menu2.add(new Option(cityList[j][k],cityList[j][k]));
				}
			}
		}
	}
}

<body>
	<select id="menu1"></select>-<select id="menu2"></select>
</body>

js利用陣列做省級聯動

建立陣列 var 陣列名稱=new Array(size); Array:陣列的關鍵字。 size:陣列中可存放的總數，可以動態改變陣列長度。用陣列實現省級（兩層）聯動window.onload = function(){ //定義陣列併為其初始化 var cit

JS--利用陣列寫九九乘法表

主要利用的是JS的陣列長度作為九九乘法表的基礎，直接上例子： (function(){ var a=new Array(9);//建立一個長度為9的陣列 var body=docume

js利用indexof方法實現陣列去重

var arr = [1, 2, 1, 4, 3, 4, 2, 6, 8]; var newArr=[]; for(var i = 0; i < arr.length; i++) { if(newArr.indexOf(arr[i

js利用點選事件做一個簡單的計算器

原始碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&g

利用js對陣列進行全排列

從n個不同元素中任取m（m≤n）個元素，按照一定的順序排列起來，叫做從n個不同元素中取出m個元素的一個排列。當m=n時所有的排列情況叫全排列。 <!DOCTYPE html> <ht

JS 用字串做陣列下標

今天學習中竟然發現JS可以用字串做陣列下標，當時也是把我震驚到了。於是決定好好研究一下。查了半天資料，找到一個部落格分析的很詳細。轉貼到這裡，方便以後複習學習。跪謝原博主。原文http://www.cnblogs.com/ZJAJS/archive/2013/01/

js利用HTML5的拖拽API做流程圖

上程式碼直接用看效果，學習一下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document<

php或js利用localStorage儲存陣列

1.陣列要轉json格式：json_encode($re)， 2.存：localStorage.setItem('weekDay',JSON.stringify(weekArray)); 3.取：取： weekArray = JSON.parse(localSto

node.js利用captchapng模塊實現圖片驗證碼

parse math style ase 圖片驗證碼 all pre 驗證 parseint 安裝captchapng模塊 npm install captchapng nodejs中使用 var express = require(‘express‘); v

js時間日期的三級聯動

this innerhtml end 後臺 run reat func 時間 dropdown aspx: <div style="width:70px;float:left;">生日</div> <asp:DropD

請問這種表格應該怎麽用js循環做出來

http html https -1 .html 循環 5% 做出請問 %E6%88%91%E7%9A%84%E7%A8%8B%E5%BA%8F%E5%86%99%E5%88%B0%E4%BA%86%E5%85%B3%E9%94%AE%E6%AD%A5%E9%AA%A4%

js 利用jquery.gridly.js實現拖拽並且排序

user push idl osi llb ext true js實現 idt <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

利用jenkins做項目的自動化部署

ima eight 安裝jenkins 等待狀態同學流程 plugins 編譯最近領導要求上海本地的項目需要使用進jenkins實現自動化部署，以便可以直接將項目移交給運維的同學，減輕開發的工作量。記錄下這次爬坑的過程。一、前言 Jenkins是基於Jav

windows平臺下利用Nginx做負載均衡

htm oot 部署 top proxy rec cnblogs access cast 1.下載nginx（http://nginx.org/en/download.html）安裝包，解壓，並使用cmd命令轉到nginx.exe所在的目錄 2.執行cmd命令start n

用node.js和webpack做前後端分離的總結

調用以及定向 roc 目錄加載動靜 con 腳本 1.webpack打包的特點（打包文件到指定地點，修改原文件裏的引用路徑為打包的地點）涉及output的path/public path/dev-server裏的public path等概念　webpack的入

js利用閉包封裝自定義模塊的幾種方法

暴露使用模塊化 function 一個 com 調用方法 urn ted 1.自定義模塊：　　具有特定功能的js文件　　將所有的數據和功能都封裝在一個函數的內部　　只向外暴露一個包含有n個方法的對象或者函數　　模塊使用者只需要通過模塊暴露的對象調用方法來

node.js 利用流實現讀寫同步，邊讀邊寫

write 使用類型同步 node.js tar 利用關閉 console //10個數 10個字節，每次讀4b,寫1b let fs=require("fs"); function pipe(source,target) { //先創建可讀流，再創

開啟tomcat的apr模式，並利用redis做tomcat7的session的共享。

pen 目錄 b- classname xsl 集群配置 sent permsize ast 更新系統組件 yum -y install readline* xmlto kernel-devel yum* screen vim* psmisc wget lrzsz p

利用JavaScript做無縫滾動

tps hid blank nts ner pos 下載 http osi <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <style

js 省份城市二級動態聯動的例子

== func select ntb 標簽直接 doctype pre 原來 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti

js利用陣列做省級聯動

相關推薦