使用jquery局部更新页面

原创已于 2022-02-14 14:00:38 修改 · 648 阅读

1 ·

CC 4.0 BY-SA版权

.NET9527

文章标签：

#jquery #javascript #前端

于 2022-02-14 13:57:59 首次发布

C# 同时被 2 个专栏收录

53 篇文章

订阅专栏

前端

10 篇文章

订阅专栏

这段代码展示了如何在 layui 框架中使用 jQuery 获取 select 元素的选择值，并更新页面内容。通过设置变量 `crmrid_` 检查学生级别是否为'请选择'，然后将更新后的 HTML 字符串插入到 id 为 'tbody1' 的元素中，最后重新渲染 form 和初始化 element 组件。

layui.use(['form', 'jquery', 'layer', 'element'], function () {
    var form = layui.form,
        $ = layui.$,
        layer = layui.layer,
        element = layui.element;
 var crmrid_ = $("select[name=student_Level").val() == "请选择";
 var crmrid_ = $("select[name=student_Level").val(); //获取到所选的id
 string strli  = "<p>更新后的p标签</p>";
 //更新id为tbody1的页面数据
 layui.jquery("#tbody1").html(strli);
 form.render();
 element.init(); //一定初始化一次
});