真正实现两个列表框动态关联(绝非事先将数据写入页面再用脚本过滤) (Triumph )

想了好久得出的方法,想着很多人都为此问题得不到解决而苦恼,本着代码共享的原则,现公布出来供大家指正(其实不说出来我也难受)。如果您觉得不错请帮忙提提前,好让更多的朋友看到。
此方法绝不是事先将所有记录都写入到页面中再通过脚本过滤,那样虽然简单,但对于大的数据量显然就不适合了,而且还严重浪费资源。
将下面的代码稍作修改即可应用于其它地方,非常方便。
为测试用,先建一名 Test.mdb 的 Access2000 数据库,建立两个表 Type,Title,结构如下:
Type
******************
ID    自动编号,主键
名称    文本,长度合适
Title
********************
ID    自动编号,主键
类别    长整形数字,并联 Type 表的 ID 字段
标题    文本,长度合适
我们的目的是从 Type 表中读取记录并写入到第一个列表框中,并在第一个列表框选择时从 Title 表中过滤出相应记录写入到第二个列表框中,并且可以随时获得第二列表框所选的值。
关键:在 B.asp 放置一隐藏域,来存放第二列表框所选的值,在 A.asp 中通过脚本来访问该隐藏域的值来达到跨页面读取数值的目的。
'********************************************************
'    conn.asp     连接数据库,这里用 test.mdb 来作测试
'********************************************************
<%
    dim conn
    dim connstr
    Set conn = Server.CreateObject("ADODB.Connection")
    connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="+Server.MapPath("/test.mdb")
    conn.Open connstr
%>
'********************************************************
'    A.asp     主页面,内嵌 B.asp(第二列表框在B.asp页面)
'********************************************************
<!--#include file="conn.asp"-->
<table>
    <tr><td>

时间: 2024-08-28 14:30:40

真正实现两个列表框动态关联(绝非事先将数据写入页面再用脚本过滤) (Triumph )的相关文章

JavaScript控制两个列表框listbox左右交换数据的方法

 这篇文章主要介绍了JavaScript控制两个列表框listbox左右交换数据的方法,实例分析了javascript操作列表框listbox的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JavaScript控制两个列表框listbox左右交换数据的方法.分享给大家供大家参考.具体分析如下: 这个功能我们经常用到,将左边列表框的元素移动到右边,或者将右边列表框的元素移动到左边,可以一次性全部移动 代码如下: function listbox_moveacross(sour

多选列表框动态添加,移动,删除,全选等操作的简单实例

 本篇文章主要是对多选列表框动态添加,移动,删除,全选等操作的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <% dim a a = split(Request.Form("sourceList"),",") Response.Write "Source:" & Request.Form("sourceList") & ubound(a) & "<

JavaScript控制两个列表框listbox左右交换数据的方法_javascript技巧

本文实例讲述了JavaScript控制两个列表框listbox左右交换数据的方法.分享给大家供大家参考.具体分析如下: 这个功能我们经常用到,将左边列表框的元素移动到右边,或者将右边列表框的元素移动到左边,可以一次性全部移动 复制代码 代码如下: function listbox_moveacross(sourceID, destID) {     var src = document.getElementById(sourceID);     var dest = document.getEl

Ajax基础教程(4)- 实现基本Ajax技术 4.3 动态加载列表框

Web应用通常使用"向导工具"设计原则来构建,即每个屏幕要求用户输入少量的信息,每个后续页的数据都依据前一页的输入来创建.对于某些情况,这个设计模式非常有用,如用户以一种逐步.有序的方式完成任务.遗憾的是,太多的Web应用使用了这种方法,因为它们别无选择.在Ajax技术出现之前,当基于用户输入修改页面上的某些部分时,动态地更新页面而不刷新整个页面是很难办到的,甚至根本不可能. 避免完全页面刷新的一种技术是在页面上隐藏数据,并在需要时再显示它们.例如,假设选择框B的值要根据选择框A中所选

JavaScript实现动态删除列表框值的方法_javascript技巧

本文实例讲述了JavaScript实现动态删除列表框值的方法.分享给大家供大家参考.具体如下: 使用JavaScript 动态删除列表框中的值,实际运用中可能效果会比较复杂,这只是一个基本功能单元,很多都是在此基础上扩展而来,运行代码点击"删除",会将列表框中的值一一删除,只保留一项数据. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

jquery Multiselect插件实现操作多选列表框

Multiselect有以下功能特性: 可以将列表框左右两边的项进行移动(互换). 可以通过双击事件移动列表框中的项. 可以设置已选项目的最大数. 可以自定义外观样式. 怎样使用? 1.准备jquery和jquery.multiselect2side插件以及CSS样式.  代码如下 复制代码 <script type="text/javascript" src="js/jquery.js"></script>  <script type

以【联动列表框】来看单一职责!

  联动列表框,简简单单的五个字,仅仅从字面上看,就可以分出来两个职责: 职责一:列表框 职责二:联动   我们先来看这两个职责,然后再说引申出来的另外两个职责. 职责一,列表框.列表框分为很多种,比如下拉列表框(DropDownList).列表框(ListBox),还有为了美观用div模拟的,以及RadioBoxList,CheckBoxList等.首先一个问题就是,用哪种列表框,然后是其ID.name等属性的命名规范.然后是列表框是怎么出来的?是写死在body里,还是用js动态创建出来,还是

access-多个列表框时第一行数据消失

问题描述 多个列表框时第一行数据消失 当vb界面有多个列表框时,运行程序时这两个列表框的有关数据第一行会消失,而其他行的数据任然存在

PHP+Mysql+jQuery查询和列表框选择操作实例讲解_php技巧

本文讲解如何通过ajax查询mysql数据,并将返回的数据显示在待选列表中,再通过选择最终将选项加入到已选区,可以用在许多后台管理系统中.本文列表框的操作依赖jquery插件. HTML <form id="sel_form" action="post.php" method="post"> <p><input type="text" name="keys" id="