zoukankan
html css js c++ java
创建控件并关联事件
function CreateProductModule(obj)
{
var SelectProductModule
=
$(
"
HidSelectProductModule
"
);
if
(obj.
checked
)
{
if
(SelectProductModule.value.indexOf(obj.value)
==
-
1
)
{
var cb
=
createCheckbox(obj.value,
"
SelectProduct
"
);
var span
=
document.createElement(
"
span
"
);
var div
=
document.createElement(
"
DIV
"
);
span.innerHTML
=
obj.value;
div.className
=
"
product
"
;
div.appendChild(cb);div.appendChild(span);$(
"
ProductType
"
).appendChild(div);
cb.
checked
=
true
;
SelectProductModule.value
+=
SelectProductModule.value
==
""
?
obj.value:
"
,
"
+
obj.value;
}
}
else
{
var Selpm
=
SelectProductModule.value.split(
"
,
"
);
$(
"
ProductType
"
).innerHTML
=
""
;
SelectProductModule.value
=
""
;
for
(var i
=
0
;i
<
Selpm.length;i
++
)
{
if
(Selpm[i]
!=
obj.value)
{
var cb
=
createCheckbox(Selpm[i],
"
SelectProduct
"
);
var span
=
document.createElement(
"
span
"
);
var div
=
document.createElement(
"
DIV
"
);
span.innerHTML
=
Selpm[i];
div.className
=
"
product
"
;
div.appendChild(cb);div.appendChild(span);$(
"
ProductType
"
).appendChild(div);
cb.
checked
=
true
;
SelectProductModule.value
+=
SelectProductModule.value
==
""
?
Selpm[i]:
"
,
"
+
Selpm[i];
}
}
}
}
//
机型
function SetProModelOption(brand)
{
if
(brand
==
"
请选择
"
)
$(
"
PolicyInfo
"
).value
=
userArea;
else
$(
"
PolicyInfo
"
).value
=
userArea
+
"
_
"
+
brand;
$(
"
SelectProductType
"
).innerHTML
=
""
;
var fn
=
function()
{
CreateProductModule(
this
);
}
var res
=
MakePolicy.GetProductModelByUser(brand);
var promodel
=
MakePolicy.GetModelByAreaAndBrandAndState(brand);
if
(res.value
!=
null
)
{
for
(var i
=
0
; i
<
res.value.length; i
++
)
{
for
(var j
=
0
;j
<
promodel.value.length;j
++
)
{
if
(res.value[i].ProductModel
==
promodel.value[j].ProductModel)
{
var cb
=
createCheckbox(res.value[i].ProductModel,
"
SelectProduct
"
);
cb.onclick
=
fn;
var span
=
document.createElement(
"
span
"
);
var div
=
document.createElement(
"
DIV
"
);
span.innerHTML
=
res.value[i].ProductModel;
div.className
=
"
product
"
;
div.appendChild(cb);div.appendChild(span);$(
"
SelectProductType
"
).appendChild(div);
break
;
}
}
}
}
}
以上代码作用是:用户选择一个手机品牌后构造手机机型的多选列表并使复选框关联到一个方法,这个方法来添加或删除不同品牌下选中的多个机型.
查看全文
相关阅读:
爬虫笔记1
python逐行读取文件&作成xml文件
C#.NET自定义下拉框实现选中下拉list的值和显示框内的值不同
Mongodb笔记
tomcat启动脚本
mysql相关函数
关于SQL_Errno1677导致主从复制中断处理
mysql慢查询日志切换
mysql5.7 忘记root密码处理
Python零基础入门(4)-------简单了解Python是怎么运行
原文地址:https://www.cnblogs.com/tommyli/p/942640.html
最新文章
javaweb学习(5)js的相关知识
javaweb学习(4)前端和后端如何进行通信
javaweb学习(2)cookies和session的区别
javaweb学习(3)Mybatis
centOS-安装redis及配置检查
centOs-安装java
spring5.0.10注解版-一些核心组件作用、初始化时机
spring注解-spring一些核心类的作用、用法(扩展原理)
spring注解-AOP动态代理-@EnableAspectJAutoProxy注解如何工作
mysql8.0之后版本-连接常见错误
热门文章
spring注解-声明式事务
spring注解-一些常见的用法
spring注解-PropertySource注解使用(写了一点点。。。)
maven统一版本管理(maven标签文档地址:https://maven.apache.org/pom.html)
js实现表格鼠标经过行变色
python常用方法
Python正则表达式
分区表及索引的初始化大小修改的问题
vim 笔记
bat命令
Copyright © 2011-2022 走看看