2016-05-30 11 views
1

特定のデータを編集するにはどうすればよいですか?たとえば、データの横にあるボタンをクリックすると、idが表示され、特定のデータのすべての情報が表示されます。特定のデータの情報を編集するPHPスクリプトを使用するモーダル

以下は、私が使用するモーダルの例ですが、PHPコードのない単純なモーダルのみです。このような場合のためにあなた活用アヤックスあなたの必要性のための

手順

<!-- Button trigger modal --> 
<button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 
+0

あなたはDATA-は*あなたが必要とするかもしれない、必要な情報、例えばを保存するために属性を使用することができ、あなたの要素のIDについての基本的なものです。次に、ボタンにクリックイベントをバインドして、モーダルボックスを手動で表示し、html全体を取得して編集フォームを表示するajaxリクエストを作成することができます。または、ブートストラップモーダルボックスにイベントを表示するために、すべてのロジックを添付することができます。例: '$( '#myModal')。( 'show.bs.modal'、function(e){ アラート( 'モーダル表示') })' – Muriano

+0

あなたの質問はより具体的です! –

答えて

0

は以下のとおりです。 1は、AjaxデータとパラメータIDを送りました。 2. ajax urlで指定したファイル内のJSONを使用して、問合せを含むデータを選択します。 3.最後に、作成したJSONデータを使用してモーダルを示しています。

これは、Ajax http://www.w3schools.com/jquery/ajax_ajax.asp

関連する問題