layui 追加的input元素监听

学习的态度

已于 2022-03-15 10:22:15 修改

阅读量3.7k

点赞数

文章标签： layui javascript 前端

于 2022-03-15 10:14:50 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42772271/article/details/123495367

版权

"本文探讨了如何在JavaScript中为表单元素设置readOnly或disabled属性后，仍能通过手动赋值并触发input事件提交其内容到后端。重点介绍了使用$.trigger("input")和delegate事件监听的方法，以及在LayuiForm表单提交时的处理策略。"

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


适用于追加的元素，也适合XXX的值是通过js的方式赋值的

赋值之后触发下input
 $(input[name='XXX']).trigger("input");
$("body").delegate("[name='XXX']", "input", function() {
    console.log($("[name='XXX']").val());
})

layui form表单的提交通过$("#editForm").serializeObject()获取提交的表单内容的，如果有存在元素是设置了readOnly、disabled的，但又要提交该内容的需要，在获取提交的表单内容后js手动赋值，再传至后端，否则直接将表单内容提交是不会提交改元素的值。