当前第2页 返回上一页
1 2 3 4 5 6 | <div class="layui-form" lay-filter="selLocation">
<label class="text_label">出发站:</label>
<div class="layui-input-inline">
<select id="selLocation" name="selLocation" class="text_input" lay-filter="selLocation" lay-verify="" lay-search></select>
</div>
</div>
|
1 2 3 4 5 6 7 8 9 10 | form.on("select(selLine)", function (data) {
var template1 = "<option value=''>全部选项</option>";
for (var index in result.Data) {
if (result.Data[index].LineId == data.value) {
template1 += "<option value='" + result.Data[index].TimesId + "'>" + result.Data[index].TimesName + "</option>";
}
}
$("#selTimes").html(template1);
form.render('select','selLlocation');
})
|
数据列表自增列的实现（两种）
1.使用模板引擎的
1 2 3 4 5 6 7 8 | 模板：
<script type="text/html" id="indexTpl">
{{d.LAY_TABLE_INDEX+1}}
</script>
table的col参数：
cols: [[
{ title: '序号', templet: '#indexTpl', width: "6%" }
]]
|
2.使用col中的参数type:numbers(注意该参数是layui2.2.0新增)
1 2 3 | cols: [[
{ title: '序号', type:'numbers', width: "6%" }
]]
|
我推荐第二种，第二种方式是带分页的排序，第二页是从上一页递增的index，并且sort的时候 序号不会变，第一种在sort时，序号会从10-1
最后对于后台人员如何写前端的代码，就是稍微能看的页面的一点而建议（咱大部分都是表单）
我的建议是：
1、先弄懂栅格布局，基本一些容易上手的框架，都有布局。
2、通过chrome去修改元素style，然后把修改后的style自己cp下来，然后封装成一个css.
3、使用组件的时候，认真看清结构，不要破坏原有结构，很容易失效。
4、不要完全照抄demo，因为demo之间还是影响挺大，就是元素之前嵌套，所以一定要看清楚规则。对于我们后台人员来说，会这几点就差不多够了，已经能可以应付大部分应用。
更多layui知识请关注layui使用教程栏目。
以上就是关于Select等Form表单元素使用介绍的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
在html中select标签怎样实现单选和多选
html select 使用selected属性设置默认选择项
html之table和select操作（介绍）
在html里select标签有哪些用法
layui的select框不出来怎么办
jquery validation的使用详解
vue.js的ul-li标签仿select标签
jquery怎么让select不可选
html中如何设置form大小
html5 表单、select 下拉、textarea多行文本的介绍
更多相关阅读请进入《select》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 关于Select等Form表单元素使用介绍
