本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; html>
& lt;头lang=癳n”比;
& lt;元charset=皍tf - 8”比;
& lt; title> & lt;/title>
& lt;/head>
& lt; body>
& lt; p>三级联动效果(纯JS实现)& lt;/p>
& lt; div>
专业方向:& lt;选择name=" sel1 " id=皊el1”比;
& lt; option>——请选择专业——& lt;/option>
& lt; option> JAVA & lt; option> PHP & lt; option> UI
& lt;/select>
& lt;/div>
& lt; div>
班级名称:& lt;选择name=" sel2 " id=皊el2”比;
& lt; option>——请选择班级——& lt;/option>
& lt;/select>
& lt;/div>
& lt; div>
学生姓名:& lt;选择name=" sel3 " id=皊el3”比;
& lt; option>——请选择学生——& lt;/option>
& lt;/select>
& lt;/div>
& lt; p>
您选择的内容是:& lt;跨度id=皊ptext”祝辞& lt;/span>
& lt;/p>
& lt; script>
var myclass=[
[[JAVA班”级01 '],[“JAVA班级02”],[JAVA班”级03的]],
[[的PHP班级01 '],[的PHP班级02 '],[的PHP班级03的]],
[[的UI班级01 '],[的UI班级02 '],[的UI班级03的]]
]；
var mystudy=[//第(一维代表专业,第二维代表该专业的班级,第三维代表该班级的学生
[[JAVA班”级01学生01”],[“JAVA班级01学生02”],[JAVA班”级01学生03”],[JAVA班”级01学生04“]],
[[JAVA班”级02学生01”],[“JAVA班级02学生02”],[JAVA班”级02学生03”],[JAVA班”级02学生04“]],
[[JAVA班”级03学生01”],[“JAVA班级03学生02 '],[JAVA班”级03学生03”],[JAVA班”级03学生04“]]
]，
(
[[的PHP班级01学生01”],[的PHP班级01学生02 '],[的PHP班级01学生03”],[的PHP班级01学生04“]],
[[的PHP班级02学生01”],[的PHP班级02学生02 '],[的PHP班级02学生03”],[的PHP班级02学生04“]],
[[的PHP班级03学生01”],[的PHP班级03学生02 '],[的PHP班级03学生03”],[的PHP班级03学生04“]]
]，
(
[[的UI班级01学生01”],[的UI班级01学生02 '],[的UI班级01学生03”],[的UI班级01学生04“]],
[[的UI班级02学生01”],[的UI班级02学生02 '],[的UI班级02学生03”],[的UI班级02学生04“]],
[[的UI班级03学生01”],[的UI班级03学生02 '],[的UI班级03学生03”],[的UI班级03学生04“]]
]
]；
. getelementbyid (“sel1”)。onchange=function () {//获取选择的选项的索引值(从1开始的,没有返回1)
var selectNum=this.selectedIndex;//清空原来的选项
. getelementbyid (“sel2”) . length=1;
. getelementbyid (“sel3”) . length=1;//循环添加子节点
我(var=0; i< myclass [selectNum-1] . length;我+ +){//创建元素节点
var=document.createElement节点(“选项”);//创建文本节点
var文本=document.createTextNode (myclass [selectNum-1][我]);
node.appendChild(文本);
. getelementbyid (sel2) .appendChild(节点);
｝
}；
. getelementbyid (“sel2”)。onchange=function () {
. getelementbyid (“sel3”) . length=1;
var selectStudentNum=this.selectedIndex;
var selectClassNum=. getelementbyid (“sel1”) .selectedIndex;
(var i=0; i< mystudy [selectClassNum-1] [selectStudentNum-1] . length;我+ +){
var=document.createElement节点(“选项”);
var文本=document.createTextNode (mystudy [selectClassNum-1] [selectStudentNum-1][我]);
node.appendChild(文本);
. getelementbyid (sel3) .appendChild(节点);
｝
｝
& lt;/script>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
