如何从 <select> 中检索值并将其放入隐藏的 JSTL答案

【问题标题】：How to retrieve value from <select> and put it in hidden JSTL如何从 <select> 中检索值并将其放入隐藏的 JSTL
【发布时间】：2017-05-23 11:16:33
【问题描述】：

我有一个相当愚蠢的问题，但仍然无法解决它......这个概念是有一个选择值，提示用户选择一个主题。选择后，我需要在下面使用的每个表单中存储该主题 ID，以便我可以检索该主题，并且我不想为我需要的每个表单使用不同的选择。这是下面的代码：

<div class="input-field col s12">
                            <select>
                                <c:forEach var="subjectItem" items="${subjectList }">
                                    <option value="${subjectItem.id }">${subjectItem.subjectName }</option>
                                </c:forEach>
                            </select> <label>For subject</label>
                        </div>
......
.....
<form method="POST" action="subject-add-school-deadline"
                                    id="deadlineSchoolForm">
----! Here is should retrieve that data from select !-------
                                    <div class="row">
                                        <div class="input-field col s6">
                                            <input id="schoolD_title" type="text" class="validate"
                                                name="title""> <label
                                                for="schoolD_title">Title</label>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="input-field col s12 l12 ">

                                            <textarea id="schoolD_desc" name="description"
                                                class="materialize-textarea validate" form="deadlineSchoolForm"></textarea>
                                            <label for="schoolD_desc">Description</label>
                                        </div>
                                    </div>
                                    <div class="row">
                                <label class="col s2">Deadline date</label> <input type="date"
                                    class="datepicker col s4" name="date">
                            </div>
                            <div class="row right-align">
                        <button class="waves-effect waves-teal btn-flat" type="submit"
                            name="action" >
                            Add <i class="material-icons right">input</i>
                        </button>
                    </div>
                                </form>
----MORE FORMS BELOW ------
.....
.....

请注意，我不需要类似

<select form="form1>

因为我需要多个表单的选择值。任何帮助将不胜感激。谢谢！！

【问题讨论】：

“隐藏在 JSTL 中”是什么意思？选择实际上是隐藏的吗？如果是，它们是如何隐藏的（需要知道用于隐藏它们的 css 选择器）
你误解了我，选择与任何形式都是分离的。当我进入页面时它会填充。每次用户选择不同的选择选项时，我都需要该选择来设置名为 subjectId 的属性。可以说，在选择之后我有 3 个表格，我填写第一个并选择提交。当我这样做时，我需要来自表单的值（工作正常）以及我在控制器中使用 @RequestAttribute 检索的单独的 subjectId。或者只是在每个表单的隐藏输入中包含 select 中的 subjectId。

标签： javascript java jquery spring jstl

【解决方案1】：

我使用 jQuery 在所有名为 title 的输入中设置值。这能解决你的问题吗？

JS Fiddle

重要的部分：

 <script type="application/javascript">
    $("select#foo").change(function() {
      $("input[name='title']").val($("select#foo").val());
    });
  </script>

【讨论】：

像魅力一样工作！谢啦！好久没用jquery了，呵呵 :D