给你一个JS实现列表连动的例子

js

<script language="JavaScript">
function show_board(board_top,board){
    var select_index,select_id,select_name,i,j;
    select_index=board_top.selectedIndex;
    select_id=board_top.options[select_index].value;
    form1.parent_id.value=select_id;
    form1.board_top_add.value=board_top_arr[select_id].name;
    form1.note_top_add.value=board_top_arr[select_id].note;
    form1.manager_top_add.value=board_top_arr[select_id].manager;
    for(i=board.length-1;i>=0;i--){
        board.remove(i);
    }
    for(i=0;i<board_arr[select_id].length;i++){
        if(typeof(board_arr[select_id][i])=="object"){
            var oOption = document.createElement("OPTION");
            oOption.text=board_arr[select_id][i].name;
            oOption.value=board_arr[select_id][i].id;
            //document.all.MyList.add(oOption);
            board.add(oOption);
        }
    }
    
}
function select_board(board){
    var select_index,select_id;
    select_index=board.selectedIndex;
    select_id=board.options[select_index].value;
    form1.board_id.value=select_id;
    form1.board_add.value=board_arr[form1.parent_id.value][select_id].name;
    form1.note_add.value=board_arr[form1.parent_id.value][select_id].note;
    form1.manager_add.value=board_arr[form1.parent_id.value][select_id].manager;
}
function W(text){
    document.write(text);
}
function board_func(id,name,note,manager){
    this.id=id;
    this.name=name;
    this.note=note;
    this.manager=manager;
}
var board_arr=new Array();
var board_top_arr=new Array();
<?php
$board_top_option="";
$query="select board_id,board_name,board_note,board_manager from board where board_level='1' order by board_id";
$result_top=mysql_db_query($dbname,$query);
while($myrow_top=mysql_fetch_array($result_top)){
    $board_top_option.="<option value='$myrow_top[board_id]'>$myrow_top[board_name]</option>\n";
    echo "board_top_arr[$myrow_top][board_id]]=new board_func('$myrow_top[board_id]','$myrow_top[board_name]','$myrow_top[board_note]','$myrow_top[board_manager]');\n";
    $query="select board_id,board_name,board_note,board_manager from board where board_level='2' and parent_id='$myrow_top[board_id]' order by board_id";
    $result=mysql_db_query($dbname,$query);
    echo "var tmp_arr=new Array();\n";
    while($myrow=mysql_fetch_array($result)){
        echo "tmp_arr[$myrow][board_id]]=new board_func('$myrow[board_id]','$myrow[board_name]','$myrow[board_note]','$myrow[board_manager]');\n";
    }
    echo "board_arr[$myrow_top][board_id]]=tmp_arr;\n";
}
?>

function checkform(text){
    if(text.value.length==0){
        alert("请输入要添加的版面名称!");
        return false;
    }
    return true;
}
</script>

时间: 2024-11-02 12:13:45

给你一个JS实现列表连动的例子的相关文章

在定义一个js类的时候,为什么要设置该类的prototype属性为它所要继承的类的

在定义一个js类的时候,为什么要设置该类的prototype属性为它所要继承的类的实例对象 在写JavaScript类定义的时候,大家很可能都写过下面的代码: function A() {} function B() {} B.prototype = new A() 上面这样写是为了让instanceof语句能起作用.举个例子: 1.不重写子类的prototype属性 b = new B(); b instanceof B //return true b instanceof A // retu

一个JS的日期格式化算法示例

本文为大家介绍下一个JS的日期格式化算法,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助   复制代码 代码如下: function dateFormat(date, format) { var o = { "M+": date.getMonth() + 1, //month "d+": date.getDate(), //day "h+": date.getHours(), //hour "m+": date.ge

setTimeout自动触发一个js的方法

 本文为大家介绍下使用setTimeout自动触发一个js,具体实现如下,喜欢的朋友可以学习下  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml&q

javascript 基础篇1 什么是js 建立第一个js程序_基础知识

javascript是一个基于对象和事件驱动,并且具有安全性的脚本语言,应用很广泛,不仅仅是网页,不要被jsp给困住. 基于对象,就是不需要指定变量的类型,你给他一个3,它知道是整型,如果给赋值'3',它就知道是char. 事件驱动,就是单击啊,之类的事件进行驱动. javascript优点:网页互动性强,简单易用.js主要是基于客户端运行,很大程度上减少了服务器的负荷. javascript是脚本编程语言:采用程序段方式实现,与HTML结合,java的编译器其实就是浏览器本身. 安全性:HTM

js 轮播-一个js轮播器,可以用用但是性能差

问题描述 一个js轮播器,可以用用但是性能差 html------------------------ <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style/main.cs

js-自己写一个JS树形插件

问题描述 自己写一个JS树形插件 哪位大神写过js树形插件啊,支持多选框的,或者求给下思路,谢谢! 网上的那些插件主要不是很美观,现在要bootsrap,html5的那种风格 解决方案 ztree就可以,你可以按这个写一个

DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为(转)

一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来. 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint).下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些不好的实践以及一些优化方案. 浏览器是如何呈现一张页面的 一个浏览器有许多模块,其中负责呈现页面的是渲染引

有没有一个js写的图片截图插件

问题描述 有没有一个js写的图片截图插件 求一个js写的图片截图插件,兼容ie8,ie9,实现无刷新上传, 解决方案 http://deepliquid.com/content/Jcrop.html 实现图片区域截取的,无刷新直接将选中的图片提交到iframe来上传就行了.ie10+才支持html5的formdata,可以用ajax来实现上传

请教一个JS加密解密的问题

问题描述 请教一个JS加密解密的问题 JS代码片段如下: var _0x4158 = ["scrollTop", "he................ function _0x5ba4x1(_0x5ba4x2) { var _0x5ba4x3 = $(window)[_0x4158[0]](); var _0x5ba4x4 = _0x5ba4x3 + $(window)[_0x4158[1]](); var _0x5ba4x5 = $(_0x5ba4x2)[_0x4158[