layui 表单元素的选中问题
来源:互联网 发布:手机qq java通用版 编辑:程序博客网 时间:2024/05/21 10:58
layui 表单元素的选中问题
layui对表单元素都作了美化,比如下拉列表,单选框,多选框.对表单美化后相应元素的操作,其实是在layui处理过后的div上操作,不能真的反映在原始我们编写的表单的元素上.这也会出现一个问题,如果想用JS对表单做些预处理,怎么做?操作原始的元素并不会展现在layui处理过的表单中的,那我们就对layui处理过的表单动手
这里要提两个我用过的,一个是单选框,一个是下拉列表
* 单选框,layui美化后,对应的type=radio
的input项隐藏,在input之后追加了一个div,里面用i
标签美化,所以我们需要做的事找到目标单选框的临近i
标签,然后触发它的click
事件
* 下拉框,layui把下拉框美化成了一个dl
,每一个option
标签都变成了一个dd
标签表示,其中value更改为lay-value
属性,我们要做的就是找到下拉框对应的dl
标签,将符合要求值lay-value
的dd
的click
事件触发
下面是二者的示例代码
var update=$("#update-form")update.find("input[type=radio][value=female]").next().find("i").click();//将value是female的单选框选中update.find("dd[lay-value=value-i-need]").click();//将下拉列表value为value-i-need的项选中
多选框也是同样的道理,首先在页面上找出layui将其美化成了什么标签,有什么特点,然后看如何能选择出对应的条目
小问题
这里还有两个小问题
1. 关于layui导入组件的问题:layui导入组件使用layui.use()
的方式,需要将所有关联到layui的JS,但又包含自己逻辑的代码都放到这里面,我试过把layui的变量导出成全局变量,并不能用,所以,按照官方说法,只能选择将所有JS代码包含到layui.use()
里,或者在自己的代码里重复书写layui.use()
来临时使用layui的组件
1. 关于图标不能正常显示的问题(多出现在表单),这个问题其实是上一个问题的延伸,原因就是没有使用layui.use()
来导入layui的form组件
- layui 表单元素的选中问题
- layui 表单元素的选中问题
- layui里的表单元素的使用
- layui 手动验证表单问题
- 【layui】表单元素radio不显示渲染
- layui 表单标签的校验
- LayUI的元素属性介绍
- LayUI表单获取不到data的解决办法
- layui 弹出层的表单提交
- 表单元素使用jQuery 的val()方法选中功能
- 表单checkbox选中问题
- layui 表单验证案例
- layui-表单集合
- layui原生表单验证
- layui 表单页面代码
- layui表单验证demo
- layui自定义表单校验
- Layui之表单form
- TreeView与ContextMenuStrip
- CCF CSP 第十次 第四题 地铁修建 JAVA版
- 【设计模式】工厂三姐妹
- 1063. 计算谱半径(20)
- Ubuntu16.04 休眠状态无法唤醒解决方案
- layui 表单元素的选中问题
- 1064. 朋友数(20)
- 1065. 单身狗(25)
- 最大正方形
- 数据压缩实验三:Huffman编解码
- 【jzoj3754】【NOI2014】【魔法森林】【lct】
- MySQL学习笔记(一)
- sql必知会学习心得:mysql附带资源的导入
- 赢球票 题目