javascript - 无法提交隐藏的输入值
问题描述
我有这样的表格:
$(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>
当我单击“打开模式”时,输入隐藏的值被放置,但是当我提交该表单时,它的值不是提交。当我单击浏览器的后退按钮并再次提交时,此提交成功!。
不知道为什么,求大神帮忙!!
解决方案
我认为我的问题是由另一个 javascript 库引起的,即由于 bootstrap-datepicker.js。因为当我单击 datepicker 输入时,它的值被重置。
我通过删除 datepicker 并再次尝试提交解决了这个问题,它正在工作。在我的问题中,我认为我认为不再需要 .trigger("change") :
modal.find('#input_tenmh').val('tenmh').trigger("change")
modal.find('#tenmh').text('tenmh').trigger("change")
modal.find('#input_mamh').val('mamh').trigger("change")
在那之后:
modal.find('#input_tenmh').val('tenmh')
modal.find('#tenmh').text('tenmh')
modal.find('#input_mamh').val('mamh')
谢谢大家!
推荐阅读
- firebase - 如何在 Firebase 和 Vue.js 中设置电子邮件验证
- c# - 为枚举创建一个通用的 dbset 列表
- sql - 如何阻止任何人向 Postgres 9.6 中的几个表添加列?
- c# - 写入 Serilog 日志文件时如何触发事件?
- java - 解析错误 com.parse.ParseRequest$ParseRequestException: i/o 失败
- reactjs - 我想在 react-table 列的单元格内创建一个按钮
- firebase - 添加 onAuthStateChanged 后帖子不加载
- firebase - 在用户本地计算机上拥有 Firebase 密钥是否安全?
- html - 在 div 的每一侧放置两个箭头并使其具有响应性
- python - 当每个数据帧的大小不同时,如何匹配和绘制两个数据帧中的对应点?