zoukankan      html  css  js  c++  java
  • Thymeleaf在前台下拉列表获取后台传的值

    Thymeleaf在前台下拉列表获取后台传的值

    后台添加代码:

    复制代码
    /**
         * 新增机构
         */
        @GetMapping("/add")
        public String add(ModelMap mmap)
        {
            List<Scholar>  scholars = scholarService.selectScholarListName();
            mmap.put("scholars",scholars);
            return "module/institution/add";
        }
        
    复制代码

    后台修改代码:

    复制代码
    /**
         * 修改机构
         */
        @GetMapping("/edit/{id}")
        public String edit(@PathVariable("id") String id, ModelMap mmap)
        {
            Institution institution = institutionService.selectInstitutionById(id);
            List<Scholar>  scholars = scholarService.selectScholarListName();
            mmap.put("scholars",scholars);
            mmap.put("institution", institution);
            return  "module/institution/edit";
        }
    复制代码

    前台代码添加:

    复制代码
    <div class="form-group">    
                    <label class="col-sm-3 control-label">主要研究人员:</label>
                    <div class="col-sm-8" >
                        <!--<input id="majorResearcher" name="majorResearcher" class="form-control" type="hidden">-->
                            <!--<select name="title"  id="title" class="form-control m-b">
                                <option th:each="scholars : ${scholars.title}" th:text="${scholars.title}" th:value="${scholars.title}" ></option>
                            </select>-->
                        <select class="form-control" name="majorResearcher">
                            <option value="">  --  主要研究人员 --  </option>
                            <option th:each="scholars:${scholars}" th:value="${scholars.title}" th:text="${scholars.title}"></option>
                        </select>
    
                    </div>
                </div>
    复制代码

    前台代码回显:

    复制代码
    <div class="form-group">    
                    <label class="col-sm-3 control-label">主要研究人员:</label>
                    <div class="col-sm-8">
                       <!-- <input id="majorResearcher" name="majorResearcher" th:field="*{majorResearcher}" class="form-control" type="text" >-->
                        <select class="form-control" name="majorResearcher">
                            <option  value="">  --  主要研究人员 --  </option>
                            <option th:each="scholars:${scholars}" th:value="${scholars.title}" th:text="${scholars.title}" th:field="*{majorResearcher}"></option>
                        </select>
                    </div>
                </div>

    复制代码
    前台页面添加效果:

    前台页面回显效果:



    前台页面的效果:

    参考:https://www.cnblogs.com/zhukaixin/p/10488763.html

  • 相关阅读:
    关于分区索引对齐
    SQLSERVER 分区表实战
    鱼骨图实践
    Python之路-python(面向对象一)
    Python之路-python(常用模块学习)
    Python之路-python(装饰器、生成器、迭代器、Json & pickle 数据序列化、软件目录结构规范)
    Python之路-python(set集合、文本操作、字符编码 )
    Python之路-python数据类型(列表、字典、字符串、元祖)操作
    Python之路-python环境安装和简单的语法使用
    javascript中with语句应用
  • 原文地址:https://www.cnblogs.com/116970u/p/10587015.html
Copyright © 2011-2022 走看看