Question

请帮助我：

我有一个带有提交按钮的表单。现在我想在这个按钮的点击事件上打开一个模态窗口。在模态中，我需要显示一个文本框，用于在带有2个按钮的DB中插入内容：取消和推送。点击推送我希望数据插入数据库和表单提交！不知怎的，我无法实现这个

<form action="post_data.php" method="post">
  <!-- some elements -->
  <input type ="submit" value = "Push data">    
</form>

我正在使用bootstrap-modal.js 但是我面临的问题是我的形式指向x.php，现在如果我需要打开一个bootstrap模型，那么我需要为我的提交按钮提供属性：href =“mymodal_id”和data-toggle =“modal”。如果我这样做我的页面绝对没有:( :( 请帮忙任何帮助将不胜感激。提前致谢

Answer 1

使用<a>触发你的模态：

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

然后将提交和取消按钮放在该模式中：

<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Pushing to DB</h3>
    </div>
    <div class="modal-body">
        <p>You are going to push data</p>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        <button type="submit" class="btn btn-primary" value="Push data">Push data</button>
    </div>
</div>

点击相同的按钮打开模型，然后提交表单

1 个答案: