Всем привет. Не являюсь профессионалом во фронте. На странице есть 10 абсолютно идентичных форм.
<form class="updateUserForm">
<p>ID</p>
<input class="form-control" disabled="disabled" type="text" value="${user.id}">
<input type="hidden" name="id" value="${user.id}">
<p>Name</p>
<input class="form-control" name="name" type="text" value="${user.name}">
<p>Telephone</p>
<input class="form-control" name="telephone" type="text" value="${user.telephone}">
<p>Password</p>
<input class="form-control" name="password" type="text" value="${user.password}">
<p>Roles</p>
<select multiple size="2" class="form-control" name="roles"> multiple size="2" name="roles">
<option name="admin">Admin</option>
<option name="user">User</option>
</select>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<input type="submit" value="Edit" class="btn btn-primary editUser"></form>
</div>
Требуется получить значение заполненной формы через jquery. В данный момент получается получить только первую форму вне зависимости какую заполняем. Нужно как-то определить какую форму заполнили и передать ее через ajax. Событие вешаю на .editUser
Заранее благодарен за помощь.
$(this).closest(".modal").find("...")