table中添加表单元素 select:
<style>
.layui-table-body, .layui-table-box, .layui-table-cell{
overflow: visible;
}
</style>
<script type="text/html" id="sel_update_time">
<input type="text" name="date" id="sel_create_date{{d.id}}" value="" autocomplete="off" class="layui-input" style="border: 0">
</script>
<script type="text/html" id="pay_tools_name_id">
<select name='pay_tools_name' lay-search=''id="tools_name_sel{{d.id}}">
<option value="{{d.id}}">{{d.name}}</option>
</select>
</script>
<script>
layui.use(['form', 'jquery', 'laydate','table'], function ()
{
var form = layui.form,
table = layui.table,
laydate = layui.laydate,
$ = layui.$;
table.render({
elem : '#verifying_verify'
, where : {data: param}
, url : "data_url" //数据接口
, skin : 'line'
, even : true
, size : 'lg'
, cols : [[
{field : 'update_time', title: '测试字段', templet: '#sel_update_time',width:180}
]]
, done : function (res, curr, count) {
$.each(res.data,function(index,values,arr){
laydate.render({ // 日期插件
elem: '#sel_create_date'+values['id']
,type:'datetime'
});
// select 选中操作
var select = document.getElementById("tools_name_sel"+values['id']);
var options = select.options;
$.each(options, function (index, item) {
if (values['pay_tools'] == item.value) {
options[index].selected = true
}
});
});
}
});
})