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
>
查看全文
相关阅读:
ASP.NET MVC Controller向View传值的几种方式
ASP.NET MVC View向Controller提交数据
ASP.NET MVC 让@Html.DropDownList显示默认值
Sublime Cssrem rem自动转换
Sublime install package插件安装
HTML+CSS 清除浮动三种方式
Sublime View In Browser
Sublime html <head>自动补全
Ubuntu编译源码为deb
Pycharm安装激活
原文地址:https://www.cnblogs.com/ding0910/p/624074.html
最新文章
jquery——制作置顶菜单
jquery——尺寸
jquery——动画
jquery——属性操作、特殊效果
[luogu 3773][CTSC 2017]吉夫特
莫比乌斯反演例题集 ^_^
[luogu 5024] 保卫王国
[luogu 4719][模板]动态dp
[20180901]四校联考
[20180826]四校联考
热门文章
[20180819]四校联考
[20180818]校内模拟赛
[20180817]校内模拟赛
EF自动生成的模型edmx代码分析
MVC中用 BundleCollection 压缩CSS时图片路径问题
在C#中使用反射调用internal的方法
C#中的多态
C#中的继承
C#中的委托
使用CodeFirst实现动态建库
Copyright © 2011-2022 走看看