JS 两个列表框实现大类和小类的分类

JavaScript019

JS 两个列表框实现大类和小类的分类,第1张

LZ给分吧 嘎嘎,我给你修改半天呢

=================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>Select2Select</TITLE>

<META content="text/htmlcharset=GBK" http-equiv=Content-Type>

</HEAD>

<BODY bgColor=#ffffff text=#000000>

<DIV align=center>

<FORM name=isc>

<TABLE border=0 cellPadding=0 cellSpacing=0>

<TBODY>

<TR align=middle>

<TD height=11 noWrap>

<SELECT name=example onchange=redirect(this.options.selectedIndex) size=1>

<OPTION selected>-</OPTION>

<OPTION value="1-1">大项1</OPTION>

<OPTION value="1-2">大项2</OPTION>

<OPTION value="1-3">大项3</OPTION>

<OPTION value="1-4">大项4</OPTION>

<OPTION value="1-5">大项5</OPTION>

<OPTION value="1-6">大项6</OPTION>

</SELECT>

<SELECT name=stage2 size=1>

<OPTION value="2-0">-</OPTION>

</SELECT>

</TD>

</TR>

</TBODY>

</TABLE>

<center>

<INPUT TYPE="button" value="Submit" onclick="javascript:alert(isc.example.value+' '+isc.stage2.value)">

</center>

</FORM>

</DIV>

<SCRIPT language=JavaScript>

<!--

var groups=document.isc.example.options.length

var group=new Array(groups)

for (i=0i<groupsi++)

group[i]=new Array()

// new Option(ViewName,OptionValue)

group[1][0]=new Option("-","-1")

group[1][1]=new Option("小项1","1")

group[1][2]=new Option("小项2","2")

group[1][3]=new Option("小项3","3")

group[1][4]=new Option("小项4","4")

group[1][5]=new Option("小项5","5")

group[2][0]=new Option("-","-1")

group[2][1]=new Option("小项1","1")

group[2][2]=new Option("小项2","2")

group[3][0]=new Option("-","-1")

group[3][1]=new Option("小项1","1")

group[3][2]=new Option("小项2","2")

group[4][0]=new Option("-","-1")

group[4][1]=new Option("小项1","1")

group[4][2]=new Option("小项2","2")

group[5][0]=new Option("-","-1")

group[5][1]=new Option("小项1","1")

group[5][2]=new Option("小项2","2")

group[6][0]=new Option("-","-1")

group[6][1]=new Option("小项1","1")

group[6][2]=new Option("小项2","2")

var temp=document.isc.stage2

function redirect(x){

for (m=temp.options.length-1m>0m--)

temp.options[m]=null

for (i=0i<group[x].lengthi++){

temp.options[i]=new Option(group[x][i].text,group[x][i].value)

}

temp.options[0].selected=true

}

//-->

</SCRIPT>

</BODY>

</HTML>

JS 中七种内置类型(null,undefined,boolean,number,string,symbol,object)又分为两大类型

基本类型: null,undefined,boolean,number,string,symbol

引用类型Object: Array ,Function, Date, RegExp等

JS数据类型有7种,分别是:3种基本类型(数字,字符串,布尔),2种引用数据类型(对象,数组),以及2种特殊数据类型(undefined,null)。

JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

Javascript中一切皆为对象。然后引用类型其实指的是内存中存储的是值的一个地址,而不是这个值的本身。和它相对应的是值类型,值类型在内存中是直接存储值本身的。比如一段字符串。

当修改一个引用类型obj1上的str的值时,因为obj2和obj1引用的是同一地址,所以obj2的str也会跟着改变,当我直接把另一个新的值赋给obj1时,这时obj1和obj2的引用地址不一样了,所以obj2的str不再跟着改变,而值类型不会有这类问题。