传统二级连动是把所有的数据都传到有客户端..利用XMLHTTP.我们可以实时地返回我们所需要的数据.select.htm
<script language="JavaScript">function GetResult(str){/**--------------- GetResult(str) -----------------* GetResult(str)* 功能:通过XMLHTTP发送请求,返回结果.* 参数:str,字符串,发送条件.* 实例:GetResult(document.all.userid.value);*--------------- GetResult(str) -----------------*/var
oBao = new ActiveXObject("Microsoft.XMLHTTP");oBao.open("POST","Server.asp?sel="+str,false);oBao.send();//服务器端处理返回的是经过escape编码的字符串.//通过XMLHTTP返回数据,开始构建Select.BuildSel(unescape(oBao.responseText),document.all.sel2)}
function BuildSel(str,sel){/**--------------- BuildSel(str,sel) -----------------* BuildSel(str,sel)* 功能:通过str构建Select.* 参数:str,字符串,由服务端返回的.有特定结构"字符串1,字符串2,字符串3"* 参数:sel,要构建的Select* 实例:BuildSel(unescape(oBao.responseText),document.all.sel2)*---------------
BuildSel(str,sel) -----------------*///先清空原来的数据.sel.options.length=0;var arrstr = new Array();arrstr = str.split(",");//开始构建新的Select.for(var i=0;i<arrstr.length;i++){sel.options[sel.options.length]=new Option(arrstr[i],arrstr[i])}}</script><select name="sel"
onChange="GetResult(this.value)"><option value="">请选择<option value="福建省">福建省<option value="湖北省">湖北省<option value="辽宁省">辽宁省<select><select name="sel2"></select>
server.asp 服务器端处理.
<% @Language="JavaScript" %><%function OpenDB(sdbname){/**--------------- OpenDB(sdbname) -----------------* OpenDB(sdbname)* 功能:打开数据库sdbname,返回conn对象.* 参数:sdbname,字符串,数据库名称.* 实例:var conn = OpenDB("database.mdb");*--------------- OpenDB(sdbname) -----------------*/var
connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(sdbname);var conn = Server.CreateObject("ADODB.Connection");conn.Open(connstr);return conn;}var oConn = OpenDB("data.mdb");var province = Request("sel");var arrResult = new Array();var
sql = "select city from china where province='"+province+"'";var rs = Server.CreateObject("ADODB.Recordset");rs.Open(sql,oConn,1,1);while(!rs.EOF){//遍历所有适合的数据放入arrResult数组中.arrResult[arrResult.length] = rs("city").Value;rs.MoveNext();}//escape解决了XMLHTTP。中文处理的问题.//数组组合成字符串.由","字符串连接.Response.Write(escape(arrResult.join(",")));%>
数据库设计data.mdb表china.字段id 自动编号province 文本city 文本
表:china 数据:id province city1 福建省 福州市2 福建省 厦门市3 福建省 泉州市4 湖北省 武汉市5 湖北省 荆州市6 湖北省 宜昌市7 辽宁省 沈阳市8 辽宁省 大连市9 辽宁省 盘锦市
分享到:
相关推荐
ajax 二级下拉框ajax 实现二级下拉框,地址联动,xmlHttp,serverlet,java,ajax 实现二级下拉框,地址联动,xmlHttp,serverlet,java,
内容索引:ASP源码,Ajax相关,Ajax,联动菜单 Asp+Ajax二级联动的Select下拉菜单,当点击第一个Select的时候,根据所选值动态加载第二个Select列表框对应的内容,这样有效避免资料占用,如果需要加载的内容比较多,在...
三级ListBox分别描述一级资源名,二级资源名和三级资源名。 如,当第一级选影视综艺时,第二就显示影视综艺的所有子类名,如电影,连续剧等。当再选电影时,第三级就显示出所有电影的子类名,如动作,喜剧等。 全部...
如,当第一级选广东省时,第二就显示广东省的所有市名,当再选广州市时,第三级就显示出所 有广州的区名。 全国省名,市名和区名分别保存在数据库中的三个表中,项目是访问sql数据库。但三个表和表数据 放在了一个名...
内容索引:ASP源码,Ajax相关,Ajax,二级联动 Asp+Ajax二级联动的Select下拉列表框示例,使用时才加载菜单数据,省得一上子把数据加载完再显示网页,这样做会提升网页加载速度。实现原理:创建一个XMLHttp实例,return...
为了这个我差不多搞了两天,就是如果提交窗体后如何保持第二个列表框的值,因为通过js 给下拉框添加条目那么他的状态是不会被保存的测试平台:ie6,firefox 功能:二级无刷新连动 特点:跨浏览器;提交窗体取第二下拉框...
这个例子是实现省、市二级联动,当选择某一省时,改省下面的市就会在另一个下拉框显示出来。在本例中AJAX通过解析XML文件得到的数据传回到jsp页面,其中省市均是从数据库取到的值: jsp页面代码: 代码如下: <&#...
代码如下: ”code”></PRE><PRE class=javascript name=”code”>—————————————————————这是ajax(javascript)代码——————...request(callback, urladdress, isReturnData){ var xmlhttp =
今天就跟大家分享一个简单的二级下拉联动的功能。 大类下拉框:页面加载的时候就初始化大类的下拉选项,通过后台代码去数据库里面取得数据(当然像省市这样不变的内容可以直接给值),然后加载到下拉选项中。 <...
也就是实现一个二级联动效果。 两个select里面分别定义onchange事件,事件中利用ajax的GET方法向后台PHP递交信息,再将查询得到的信息echo出来或[removed]。 注:代码参考了有位叫y0umer的博主写的。 代码如下: ...
XmlHttp实现无刷新三联动ListBox 鼠标放在一个连接上,会显示图片(类似tooltip) 使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果 HttpModule 实现 ASP.Net (*.aspx) 中文简繁体的自动转换,...
11.17 三级联动菜单 11.18 树型目录菜单 第12章 窗口特效与弹出式警告 12.1 无关闭按钮的窗口 12.2 鼠标控制窗口开关 12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口...
11.17 三级联动菜单 11.18 树型目录菜单 第12章 窗口特效与弹出式警告 12.1 无关闭按钮的窗口 12.2 鼠标控制窗口开关 12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口...