【原创】Layui添加动态select，select option选项从数据库获取

最新推荐文章于 2022-03-12 15:41:36 发布

NeonSyrup

最新推荐文章于 2022-03-12 15:41:36 发布

阅读量3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： Layui java select

本文链接：https://blog.youkuaiyun.com/Morphinee/article/details/95595392

本文介绍如何使用Layui在前端动态加载select组件的option选项，这些选项数据来源于后端Java Springboot JPA。通过示例展示具体实现过程，包括前端Layui模板和后端OrganController.java的代码片段。

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

Layui动态select，select从数据库动态获取

【原创】Layui添加动态select，select option选项从数据库获取

后端采用Java Springboot jpa，前端使用Layui模板。

效果如图

在这里插入图片描述
图中所属机构从数据库读取

下面是实现方式

前端代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.5.4/layui/css/layui.css" media="all"> <!--本地layui.css-->
    <script src="../../lib/layui-v2.5.4/layui/layui.js"></script>  <!--本地layui.js-->
    <script src="../../../jquery-1.x-git.js"></script>        <!--引用jq文件-->

</head