更改值时无法提交隐藏的输入

Question

this question 我也有同样的问题

但我找不到答案！

我正在审查this，但它对我不起作用！

请帮忙 我的代码：

$(document).ready(function() {
  $('#create_lop_monhoc_modal').on('show.bs.modal', function(event) {
    var button = $(event.relatedTarget)
    var tenmh = button.data('tenmh')
    var mamh = button.data('mamh')
    var modal = $(this)
    modal.find('#input_tenmh').val(tenmh).trigger("change")
    modal.find('#tenmh').text(tenmh).trigger("change")
    modal.find('#input_mamh').val(mamh).trigger("change")
  })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div class="modal fade " id="create_lop_monhoc_modal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <form action="/monhoc" method="POST">
        <input type="hidden" value="" id="input_mamh" name="mamh" />
        <input type="hidden" value="" id="input_tenmh" name="tenmh" />
        <div class="modal-body">
          <h4 id="mamh"></h4>
          <div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-success">Crate</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<button type="button" data-toggle="modal" data-target="#create_lop_monhoc_modal" data-tenmh="tenmh" data-mamh="mamh">                   
  Open Modal
</button>

Answer 1

您需要学习 javascript 的 put value 或 get data 属性。试试这些

$(document).ready(function() {
  $('#create_lop_monhoc_modal').on('show.bs.modal', function(event) {
    var button = $(event.relatedTarget);
    var tenmh = button.attr('data-tenmh');
    var mamh = button.attr('data-mamh');
    var modal = $(this);
    modal.find('#input_tenmh').val('tenmh').trigger("change")
    modal.find('#tenmh').text('tenmh').trigger("change")
    modal.find('#input_mamh').val('mamh').trigger("change")
  })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div class="modal fade " id="create_lop_monhoc_modal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <form action="/monhoc" method="POST">
        <input type="hidden" value="" id="input_mamh" name="mamh" />
        <input type="hidden" value="" id="input_tenmh" name="tenmh" />
        <div class="modal-body">
          <h4 id="mamh"></h4>
          <div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-success">Crate</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<button type="button" data-toggle="modal" data-target="#create_lop_monhoc_modal" data-tenmh="tenmh" data-mamh="mamh">                   
  Open Modal
</button>