0

これで私を助けてください：

送信ボタンのあるフォームがあります。このボタンのクリックイベントでモーダルウィンドウを開きたいと思います。モーダルでは、キャンセルとプッシュの2つのボタンでDBに何かを挿入するためのテキストボックスを表示する必要があります。プッシュをクリックすると、データがデータベースに挿入され、フォームが送信されます!!! どういうわけか私はこれを達成することができません 

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

私はbootstrap-modal.jsを使用していますが、私が直面している問題は、フォームがx.phpを指していることです。ブートストラップモデルを開く必要がある場合は、属性を指定する必要があります：href="mymodal_id"およびdata-toggle= "送信ボタンの「モーダル」。私がそうするならば、私のページは全く何もしません:(:(助けてくださいどんな助けでも感謝されるでしょう。よろしくお願いします

4

1 に答える 1

3

を使用し<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>
于 2012-09-12T12:46:59.057 に答える