layui监听行内下拉

最新推荐文章于 2024-03-12 13:44:38 发布

Ycj_3355

最新推荐文章于 2024-03-12 13:44:38 发布

阅读量134

点赞数

本文链接：https://blog.csdn.net/qq_39173779/article/details/112180378

版权

{
 field: 'pack', title: '包装代码', index: 'pack', width: 160, templet: "#selectTemplet", sort: true  
 },
						
<script type="text/html" id="selectTemplet">
    <div style="position:relative;">
        <span style="margin-left:100px;overflow:hidden;">
            <select style="width: 118px; margin-left: -100px; height: 21px;" name='pack' lay-verify=''  lay-ignore onchange="change(event)">
                <option value=""> </option>
                {{# layui.each(InitData.ddlb_WrapType1 ,function(index,item){  }}
                <option value="{{item.value}}" {{# if(d.pack==item.value  ){ }} selected="selected" {{# } }}>
                    {{ item.text }}
                </option>
                {{# }) }}
            </select>
        </span>
    </div>
</script>

<script>
//监听表单并赋值到缓存
    function change(e) {
        debugger;
        var obj = e.target;
        var val = $(e.target).val();
        $(obj).parent().next().val(val);//赋值给input
        var RowIndex = $(e.target.parentElement.parentElement.parentElement.parentElement.parentElement).find("td[data-field='RowIndex'] div").text(); //下拉所在行的索引
        let name = $(e.target).attr("name");
        var cacheData = _globalTable.cache['currentTableId'];
        for (var obj in cacheData) {
            if (cacheData[obj].LAY_TABLE_INDEX == RowIndex - 1) {
                cacheData[obj][name] = $.trim($(e.currentTarget).val());
            }
        }
    }
</script>