Get value from modal window

Question

I have a problem with get a value of field from modal window.

 <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModal" aria-hidden="true">
        <form th:action="@{/groups/add}" method="post">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="addModal">Add group</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="recipient-name" class="col-form-label">Group Name</label> <input type="text"
                                class="form-control" id="addName" name="name">
                        </div>
                        <div class="form-group">
                            <label for="recipient-name" class="col-form-label">Faculty</label> <select
                                class="form-control">
                                <option th:value=0>Faculty not assign</option>
                                <option th:each="faculty : ${faculties}" th:value="${faculty.id}"
                                    th:utext="${faculty.name}">Faculty</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

In browser when I use "add" method, I can choose any Faculty from table, it works OK, but when I press button "save", only name returned to Controller and no info about faculty that was chosen. What I missed?

Answer 1

Finally I solved this problem- I forget to give a name for field where facultyId is stored. Here was error:

<label for="recipient-name" class="col-form-label">Faculty</label> 
<select class="form-control">

Correct:

<label for="faculyId" class="col-form-label">Faculty</label> 
<select class="form-control" id="addFaculty" name="facultyId">