0

我有一个用于条形码扫描的小表格。我扫描产品的条形码，会出现一个引导框。进入模态我发布产品的条形码编号。在模式内部还有另一个表单，它将检索产品的条形码编号并填写一些输入并将其插入到 mysql 数据库表中。

<form name="barkod_oku" id="barkod_oku" action="" method="post" >
<input name="sto_barkod" id="sto_barkod" value="" autofocus placeholder="Barkod Numarası">
<input type="hidden" name="alis_fatura_no" value="<?php echo $finalcode1 ;?>">

</form>

这是我将 2 个值发布到模态框中的形式。

这是我想看到的模态框。（我还没有将其他输入放入模态中。稍后我会放入。）

 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
 <div class="modal-content">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    <input name="barkod_no" value="<?php echo $sto_barkod1; ?>">
    <input name="fatura_no" value="<?php echo $stok_kodu1; ?>">
  </div>
   </div>
 </div>
 </div>

我也使用这个 javascript 打开模态框：

 <script>
 $('#barkod_oku').submit(function () {

    $('#myModal').modal('show');
 });
</script>

我认为很快一切正常，但模态不会停留在屏幕上。它出现，然后在一秒钟内消失。我看不到将模态显示在屏幕上的缺失点是什么？

4

1 回答 1

1

您需要使用防止提交按钮的默认操作 

$('#barkod_oku').submit(function () {
    event.preventDefault();
    $('#myModal').modal('show');
 });
于 2016-12-26T11:58:19.960 回答