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

  • 相关阅读:
    Python之面向对象知识整理
    python2与python3的区别
    Gitlab 删除仓库文件夹
    Git撤销本地commit(未push)
    js库
    HTML | 打开网址后3秒跳转外链
    Vue CLI | 安装
    npm | npm淘宝镜像和查看镜像设置
    swiper | 过渡效果 effect: 'fade' 导致文字重叠
    CSS改变背景 | pattern.css
  • 原文地址:https://www.cnblogs.com/116970u/p/10587015.html
Copyright © 2011-2022 走看看