两种js动态三级联动下拉表单测试

最新推荐文章于 2023-03-05 14:23:08 发布
最新推荐文章于 2023-03-05 14:23:08 发布
阅读量1.8k 收藏
点赞数
文章标签： sql function javascript class 测试 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tony088/article/details/1651576
版权

<html>
<head>
<title>三级联动下拉表单测试一</title>
<!--=======连接IT网主数据库======-->
</head>
<body>
<form name="myform" method="post">
<%
set rs=server.CreateObject("adodb.recordset")
sq="select * from 一级表"
rs.open sq,conn,1,1
%>
<select  name="class1"  onChange="changeclass2();changeclass3()">
<option value="" selected>选择一级目录</option>
<%
while not rs.eof
%>
<option value="<%=rs("一级类")%>"><%=rs("一级类")
%>
</option>
<%
rs.movenext
wend
rs.close
%>
</select>
<select  name="class2" onChange="changeclass3()">
<option value="" selected>选择二级目录</option>
</select>
<select  name="class3">
<option value="" selected>选择三级目录</option>
</select> 
<%
sql="select * from 二级表"
rs.open sql,conn,1,1
num=rs.recordcount
str=""
for i=1 to rs.recordcount
str=str&rs("一级类")&"-"&rs("二级类")&","

最低0.47元/天 解锁文章
Tony088
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
测试三级联动
04-27
不需要访问后台服务器端，不使用Ajax，无刷新，纯JS实现的省市区三级联动。 当省市区数据变动是只需调正js即可。
JS实现三级联动
脱耦的博客
08-16 1万+
通过数组简单实现三级联动。代码如下图所示：  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="../
经典JS三级联动表单
04-20
JS三级联动表单 <!-- var arrText = new Array(5); var arrValue = new Array(arrText.length); function objSetOption(select1, select2, select3) { this.select1 = select1; this.select2 = select2; this.select3 = select3; } arrText[0]= new objSetOption("选择1:", "选择2_1:,选择2_2:", "选择3_1:,选择3_2:"); arrText[1] = new objSetOption("论文:1", "语文:1,数学:2,英语:3", "初中:2,高中:3"); arrText[2] = new objSetOption("例题:2", "显示b2_1:值b2_1,显示b2_2:值b2_2", "显示b3_1:值b3_1,显示b3_2:值b3_2"); arrText[3] = new objSetOption("显示c:值c", "显示c2_1:值c2_1,显示c2_2:值c2_2", "显示c3_1:值c3_1,显示c3_2:值c3_2"); arrText[4] = new objSetOption("显示d:值d", "显示d2_1:值d2_1,显示d2_2:值d2_2", "显示d3_1:值d3_1,显示d3_2:值d3_2"); arrText[5] = new objSetOption("显示e:值e", "显示e2_1:值e2_1,显示e2_2:值e2_2", "显示e3_1:值e3_1,显示e3_2:值e3_2"); function select() { var eltSelect1 = document.test.select1; var eltSelect2 = document.test.select2; var eltSelect3 = document.test.select3; var arrSelect1, arrSelect2, arrSelect3; var arrData1, arrData2, arrData3; with(eltSelect1) { var strSelect = options[selectedIndex].value; } for(i = 0;i < arrText.length;i ++) { arrSelect1 = arrText[i].select1; arrData1 = arrSelect1.split(":"); if (arrData1[1] == strSelect) { arrSelect2 = (arrText[i].select2).split(","); for(j = 0;j < arrSelect2.length;j++) { arrData2 = arrSelect2[j].split(":"); with(eltSelect2) { length = arrSelect2.length; options[j].text = arrData2[0]; options[j].value = arrData2[1]; } } arrSelect3 = (arrText[i].select3).split(","); for(j = 0;j < arrSelect3.length;j++) { arrData3 = arrSelect3[j].split(":"); with(eltSelect3) { length = arrSelect3.length; options[j].text = arrData3[0]; options[j].val
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
12-10
本文实例讲述了JS实现经典的中国地区三级联动下拉菜单功能。分享给大家供大家参考，具体如下： 1.首先是js文件(area.js)： function Dsy() { this.Items = {}; } Dsy.prototype.add = function(id,iArray) { this.Items[id] = iArray; } Dsy.prototype.Exists = function(id) { if(typeof(this.Items[id]) == "undefined") return false; return true; } function change(v){
省市区三级联动下拉框效果分析
weixin_33774615的博客
02-08 459
<select id="selProvince"> <option>--请选择--</option> </select> <select id="selCity"> <option>--请选择--</option> </sele...
js三级联动下拉表单特效代码
03-20
js三级联动下拉表单代码是一款实用的表单下拉框菜单选择代码。
全国省市区三级联动下拉菜单
11-10
全国省市区三级联动下拉菜单
js三级联动下拉表单代码
04-25
js三级联动下拉表单代码是一款实用的表单下拉框菜单选择代码。
jQuery H5世界城市三级联动下拉选择代码.zip
07-11
代码片段： var areaObj = []; function initLocation(e){ var a = 0; for (var m in e) { areaObj[a] = e[m]; var b = 0; for (var n in e[m]) { areaObj[a][b ] = e[m][n]; } ...}
js三级联动下拉表单代码.zip
最新发布
10-10
非常实用好看的特效代码，可以完美运行，可以二次修改！
jQuery省市区三级联动下拉框.zip
07-04
jQuery省市区三级联动下拉框基于jquery-1.8.2.min.js制作，三级联动代码。
【javascript】动态的选择和二级联动菜单
我想做一个优秀程序员
01-28 224
两个栗子来自，《javascript开发技术大全》，觉得很有用放在这里。  第一个是动态选择   &lt;html&gt; &lt;head&gt; &lt;title&gt;15-21动态的选择&lt;/title&gt; &lt;meta http-equiv=content-type content=text/html;charset=gb2312&gt; &lt;scr...
省市区三级菜单联动插件
weixin_34387284的博客
01-01 143
前言 这里分享一个博主写的省市区三级菜单联动插件 — jQuery-Citys，此插件中所有省市区数据均为国家行政区划代码，保证数据真实可靠，插件可以根据默认地区代码或地区名称进行值的初始化操作。 线上演示地址：https://yangyunhe369.github.io/jQuery-Citys github地址：https://github.com/yangyunhe369/jQuery-C...
js日期联动
耗子王
10-15 1228
function YYYYMMDDstart(year,month,day){ MonHead = [31,28,31,30,31,30,31,31,30,31,30,31]; for(var i=1920;i<=2020;i++){ year.add(new Option(i,i)); } for(var i=1;i<13;i++){
跟十八哥学php之—无限级联动下拉菜单,jquery无限级联下拉菜单简单实例演示
weixin_42300211的博客
03-22 243
本文实例讲述了jquery无限级联下拉菜单代码以及jquery无限级联下拉菜单实现思路。分享给大家供大家参考。具体如下：最终效果图：因为是级联，所以数据必须是树型结构的，这里的测试数据如下：看下效果图：1、效果图一：2、效果图二：3、效果图三：由图可知，下拉框的个数并不是写死的，而是动态加载的。每当下拉框选择改变的时候，会发送一次ajax请求，请求成功返回json格式数据，当返回的数据不为空时(即...
【vue的事件处理，实现年月日三级联动】
weixin_37932555的博客
03-05 1331
本节主要演示的是vue的事件，通过单击事件，change事件等学会事件使用的方法
测试用例常见思路和测试方法
m0_63324208的博客
03-05 1088
测试用例常见思路和测试方法
下拉列表测试用例
热门推荐
he_shan_的博客
02-25 2万+
下拉菜单基本测试： 1)默认值(为空，提示选择，某一值)检查； 2)列表内容，是可变还是固定的，可变的最好要用SQL或其他方式验证正确性，不允许出现重复值； 3)列表中的排序方式，特别是选项过多时尤为重要； 4)列表过长是否提供滚动条支持，一般超过10个需要滚动条； 5)选择一个选项后是否可编辑，有的下拉菜单允许编辑选择，这还需要验证其合法性； 6)列表中文本的
点击按钮实现下拉菜单的三级联动
laiyuan999的博客
09-14 1835
主要内容：点击查询品牌按钮，选择厂商1的时候，显示厂商1的品牌，点击厂商二的时候，显示厂商2的品牌，同理，不同的品牌对应不同的型号 源代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;三级联动&lt;/t
省市县三级联动下拉列表
06-11
好的，关于省市县三级联动下拉列表，我可以给您一些建议。 首先，您需要获得省市县的数据，可以从官方网站或第三方开放数据平台获取，或者自己手动整理。得到数据后，可以通过以下方式实现三级联动下拉列表： 1. 使用HTML和JavaScript实现，使用三个下拉列表分别展示省、市和县/区的数据。利用JavaScript实现省市联动和市县联动。具体实现可以参考jQuery插件和vue.js组件等开源工具。 2. 使用前端框架，如Bootstrap、Ant Design等，直接调用其提供的省市县选择器组件。 3. 使用后端技术实现，如Java、Python等，通过Ajax请求获取省市县数据，然后返回到前端页面，展示在三个下拉列表中，并通过后端控制实现省市县联动。 以上是一些常见的实现方式，您可以根据自己的需求选择适合的方式来实现省市县三级联动下拉列表。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值