Как передать параметр id в модал? - PullRequest
0 голосов
/ 02 июня 2018

У меня есть форма, которую я хочу обновить в модале.Проблема в том, что я не могу получить идентификатор параметра внутри модального.Я использую этот javascript, но я просто получаю атрибут href за первый клик, но не за второй клик.

Это моя кнопка

<a href="StaffController?action=UpdatePassword&staffid=<c:out value="${staff.staff_id}" />" class="btn btn-success btn-sm updatepassword" data-toggle="modal" data-target="#exampleModal">
                          <span data-feather="user-check"></span>
</a>    

Это мой javascript

<script>
    $('#exampleModal').on('shown.bs.modal', function () {
         var href = $('.updatepassword').attr('href');
         $('.fetched-data').val(href);
        })
</script>

Это мой модальный

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Set Password</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="POST" id ="update-password-form" action="StaffController">
          <div class="form-group">
          <input type="text" class="form-control fetched-data" id="staff_id" name="staff_id" value="<c:out value="${staff.staff_id}" />">
            <input type="password" name="staff_password" class="form-control" id="exampleInputPassword1" placeholder="Password">
          </div>
          <button type="submit" class="btn btn-secondary">Submit</button>
        </form>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary" data-dismiss="modal">Save changes</button>
      </div>
    </div>
  </div>
</div>
...