zoukankan
html css js c++ java
二级联动(javascript Array)
<
script
language
="javascript"
type
="text/javascript"
>
<!--
var
arrSubRelatingType
=
new
Array();
//
关联交易子类
<%
VOList relating_type
=
(VOList)request.getAttribute(
"
typenameListrelating
"
);
for
(
int
i
=
0
; i
<
relating_type.count(); i
++
)
{
%>
arrSubRelatingType[
<%=
i
%>
]
=
new
Array();
arrSubRelatingType[
<%=
i
%>
][
0
]
=
'
<%=
relating_type.get(i).getString(
"
type_id
"
)
%>
';
arrSubRelatingType[
<%=
i
%>
][
1
]
=
'
<%=
relating_type.get(i).getString(
"
type_name
"
)
%>
';
arrSubRelatingType[
<%=
i
%>
][
2
]
=
'
<%=
relating_type.get(i).getString(
"
group_id
"
)
%>
';
<%
}
%>
//
增加一个名为 trim 的函数作为 String 构造函数的原型对象的一个方法
String.prototype.trim
=
function
()
{
//
用正则表达式将前后空格
//
用空字符串替代。
return
this
.replace(
/
(
^
\s
*
)
|
(\s
*
$)
/
g,
""
);
}
//
二级联动
function
linkage(selBigID,selSmallID,tip,arrSmallClass)
{
var
objL
=
document.getElementById(selBigID);
var
obj
=
document.getElementById(selSmallID);
obj.length
=
0
;
if
(tip.trim()
==
""
) tip
=
"
-请选择-
"
;
if
(objL.selectedIndex
==
0
)
{
obj.options[
0
]
=
new
Option(tip,
""
);
return
;
}
var
len
=
0
;
var
bigClassId
=
objL.options[objL.selectedIndex].value;
var
tip2
=
"
-无子类-
"
;
for
(
var
i
=
0
; i
<
arrSmallClass.length; i
++
)
{
//
alert(bigClassId +' --- '+ arrSmallClass[i][2]);
if
(arrSmallClass[i][
2
]
==
bigClassId)
{
tip2
=
tip;
obj.options[
++
len]
=
new
Option(arrSmallClass[i][
1
], arrSmallClass[i][
0
]);
}
}
obj.options[
0
]
=
new
Option(tip2,
""
);
}
//
-->
</
script
>
============================================
<
td
height
="35"
align
="right"
>
关联交易大类别:
</
td
>
<
td
height
="35"
>
<
select
id
="drpBig_relating_type"
name
="drpBig_relating_type"
Onchange
="javascript:linkage(this.id,'drpSmall_relating_type','',arrSubRelatingType);"
>
<
option
value
=""
>
-请选择-
</
option
>
<
exp:options
name
="drpBig_relating_type"
list
="groupnameListrelating"
idfield
="group_id"
namefield
="group_name"
default
="<%=this.value("
val_big_relating","")%
>
" />
</
select
>
</
td
>
<
td
height
="35"
align
="right"
>
关联交易子类别:
</
td
>
<
td
height
="35"
>
<
select
id
="drpSmall_relating_type"
name
="drpSmall_relating_type"
>
<
option
value
=""
>
-请选择-
</
option
>
<
exp:options
name
="drpSmall_relating_type"
list
="typenameListrelatingSub"
idfield
="type_id"
namefield
="type_name"
default
="<%=this.value("
val_small_relating","")%
>
"/>
</
select
>
</
td
>
查看全文
相关阅读:
vue cli3使用官方方法配置sass全局变量报错ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
面试必备:HashMap、Hashtable、ConcurrentHashMap的原理与区别
Lombok介绍、使用方法和总结
位运算
【ZooKeeper系列】3.ZooKeeper源码环境搭建
【ZooKeeper系列】2.用Java实现ZooKeeper API的调用
【ZooKeeper系列】1.ZooKeeper单机版、伪集群和集群环境搭建
弄明白CMS和G1,就靠这一篇了
面试官,不要再问我三次握手和四次挥手
【面试必备】小伙伴栽在了JVM的内存分配策略。。。
原文地址:https://www.cnblogs.com/ding0910/p/624074.html
最新文章
Apache Tomcat文件包含漏洞紧急修复
ElasticSearch基础入门学习笔记
Springboot启用Gzip
Springboot Jackson配置根本方案, 日期格式化, 时区设置生效
使用DataV制作的一个数据报表
Springboot 打包自带启动脚本
微信小程序反编译
Airflow自定义插件, 使用datax抽数
认识Airflow的DAG
Linux文件按大小排序
热门文章
java/.net-常用工具下载地址&常用学习网址&快捷键
Vue 修改 elementUI table tr th 的高度,以及背景颜色
npm ERR! Failed at the node-sass@4.13.0 postinstall script.
Vue之axios基础使用
npm WARN stylus-loader@3.0.2 requires a peer of stylus@>=0.52.4 but none is installed. You must inst
Windows下 webpack4.0 的安装
Vue路由传递获取参数
vue-cli 3.0集成sass/scss到vue项目
vue项目中router路由配置
vue/cle3项目运行报错sockjs-node/info解决方案
Copyright © 2011-2022 走看看