三级联动效果如何实现

问题描述

如何实现简单的三级联动效果?数据时从表中读取的。兼容性要好的,我目前实现的这个好多浏览器不兼容。。。。

解决方案

解决方案二:
<script><!--<%'二级数据保存到数组Dimcount2,cityRS,citySQLsetcityRS=server.createobject("adodb.recordset")citySQL="select*fromsys_city"cityRS.opencitySQL,conn,1,1%>varsubval2=newArray();//数组结构:一级根值,二级根值,二级显示值<%count2=0dowhilenotcityRS.eof%>subval2[<%=count2%>]=newArray('<%=cityRS("provinceid")%>','<%=cityRS("id")%>','<%=cityRS("cityname")%>')<%count2=count2+1cityRS.movenextloopcityRS.close%><%'三级数据保存到数组Dimcount3,townRS,townSQLsettownRS=server.createobject("adodb.recordset")townSQL="select*fromsys_town"townRS.opentownSQL,conn,1,1%>varsubval3=newArray();//数组结构:二级根值,三级根值,三级显示值<%count3=0dowhilenottownRS.eof%>subval3[<%=count3%>]=newArray('<%=townRS("cityid")%>','<%=townRS("ID")%>','<%=townRS("townname")%>')<%count3=count3+1townRS.movenextlooptownRS.close%>functionchangeselect1(locationid){document.form1.cityID.length=0;document.form1.cityID.options[0]=newOption('请选择城市','');document.form1.townID.length=0;document.form1.townID.options[0]=newOption('请选择城区','');for(i=0;i<subval2.length;i++){if(subval2[i][0]==locationid){document.form1.cityID.options[document.form1.cityID.length]=newOption(subval2[i][2],subval2[i][1]);}}}functionchangeselect2(locationid){document.form1.townID.length=0;document.form1.townID.options[0]=newOption('请选择城区','');for(i=0;i<subval3.length;i++){if(subval3[i][0]==locationid){document.form1.townID.options[document.form1.townID.length]=newOption(subval3[i][2],subval3[i][1]);}}}//--></script><formid="form1"name="form1"method="post"action=""><%Dimcount1,provinceRS,provinceSQLsetprovinceRS=server.createobject("adodb.recordset")provinceSQL="select*fromsys_provinceorderbyorderfield"provinceRS.openprovinceSQL,conn,1,1%><selectname="provinceID"id="provinceID"onChange="changeselect1(this.value)"><optionvalue="">请选择省份</option><%dowhilenotprovinceRS.eofresponse.Write"<optionvalue="&provinceRS("ID")&">"&provinceRS("provincename")&"</option>"provinceRS.movenextloopprovinceRS.closesetprovinceRS=nothing%></select><selectname="cityID"id="cityID"onChange="changeselect2(this.value)"><optionvalue="">请选择城市</option></select><selectname="townID"id="townID"><optionvalue="">请选择城区</option></select></form>

回去自己改改就OK了
解决方案三:
引用1楼c48111926的回复:

HTMLcode<script><!--<%'二级数据保存到数组Dimcount2,cityRS,citySQLsetcityRS=server.createobject("adodb.recordset")citySQL="select*fromsys_city"cityRS.opencitySQL,conn,1,1%>varsubval2=new……

楼上的篡位了,这可是jsp的地盘,容不得asp瞎胡闹
解决方案四:
LZ你题意不清你没有说是在JSP还是EXT还是asp中实现。
解决方案五:
联动其实也没什么首先你定义三个方法分给三个select然后再方法中用AJAX或DWR进行在后台取数据然后动态填充数据

时间: 2024-11-06 07:19:57

三级联动效果如何实现的相关文章

简单实现ajax三级联动效果

本文实例为大家分享了ajax三级联动效果展示的具体代码,供大家参考,具体内容如下 主页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../wenjian/jquery-2.2.3.min.js"></sc

js省市县三级联动效果实例_javascript技巧

本文实例讲述了js实现简单的省市县三级联动效果.分享给大家供大家参考,具体如下: 效果图: 实现代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>城市三级联动</title> <style type="text/css"> *{ padd

android-wheel控件实现三级联动效果_Android

本文实例为大家分享了android wheel省市县三级联动效果,供大家参考,具体内容如下 在github上面有一个叫做 Android-wheel 的开源控件, 代码地址:https://github.com/maarek/android-wheel 源码下载地址:http://xiazai.jb51.net/201610/yuanma/AndroidCascadeMaster(jb51.net).rar 主界面布局 activity_main.xml <LinearLayout xmlns:

js实现简单的省市县三级联动效果实例_javascript技巧

本文实例讲述了js实现简单的省市县三级联动效果.分享给大家供大家参考,具体如下: js代码部分 //省市县数据格式 var province_city_county_data=[ { province:"四川", city:[ { cityName:"成都", county:["成都市","崇州市","金堂县"] }, { cityName:"南充", county:["仪陇县

jQuery+jsp实现省市县三级联动效果(附源码)_jquery

本文实例讲述了jQuery+jsp实现省市县三级联动效果的方法.分享给大家供大家参考,具体如下: 在这里,用MySQL数据库存储了全国所有的省市县地区信息(点击此处下载源代码) 使用过的jar包 google的Gson.jar mysql-connector-java-5.1.13-bin.jar 将实验图贴出来: 显示页面index.jsp <%@ page language="java" import="java.util.*" pageEncoding=

MessageBox的Buttons和三级联动效果_C#教程

一.MessageBox的Buttons MessageBox.Show可以出现有按钮的对话框 例如: DialogResult dr = MessageBox.Show("是否要继续吗?", "警告!!!", MessageBoxButtons.OKCancel);//它弹出的对话框如下图所示 if (dr == DialogResult.OK)//只有按下确定按钮才执行下面 { label1.Text = "天气不错"; } 除此之外Mess

android-wheel控件实现三级联动效果

本文实例为大家分享了android wheel省市县三级联动效果,供大家参考,具体内容如下 在github上面有一个叫做 Android-wheel 的开源控件, 代码地址:https://github.com/maarek/android-wheel 源码下载地址:http://xiazai.jb51.net/201610/yuanma/AndroidCascadeMaster(jb51.net).rar 主界面布局 activity_main.xml <LinearLayout xmlns:

基于jQuery+JSON的省市二三级联动效果_jquery

省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. HTML 首先在head中载入jquery库和cityselect插件. <script type="text/javascript" src="js/jquery.js"></script> <script ty

jQuery时间日期三级联动(推荐)_jquery

废话不多说了,直接给大家贴js代码了,具体代码如下所述: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> &