PHPのforeach配列インデックスHTMLのモーダル？モーダル内でPHP変数を使用しますか？私のコードで

Question

次のスクリーンショットで見ることができるように、私はHTMLを使用してプレビューイムアイテム/デザインのarrayを返している：私はアイテム/デザインフォームをクリックしていたら

モーダルがポップアップし、ユーザーにいくつかselectsとinputフィールドを提供します。

コードは、次のようになります。

<?php foreach($designs as $design): ?> 
    <!-- HTML code to display designs which are returned from a PHP class --> 
<?php endforeach; ?> 
<div id="modal_form_vertical" class="modal fade"> 
    <!-- Modal HTML code --> 
</div> 

あなたは私がforeachループの外modalコードを格納しています見ることができるように。

私は別のアイテム/デザインをクリックすることができるので、配列のインデックス位置によって返されるURL /名前/ idsの使い方がわかりません。

質問：どのように私はmodal内部foreachループ内のaviableあるPHP variablesは使いますか？ modalforeach個のデザイン/アイテムを作成する必要がありますか？コードをforeachループ内に配置しますか？あなたが必要なもの

Answer 1

はmodaleventリスナーを経由して、データベースからの相対的な情報を取得または取得することができ、これに対してdata attributeとしてモーダルトリガーボタンに& Ajaxの方法

モーダルトリガーbuttorn

<?php foreach($designs as $design): ?> 
    <button data-toggle="modal" data-target="#modal_form_vertical" data-designid="<?php echo $variableId;?>" class="btn btn-default">Modal</button> 
<?php endforeach; ?> 

を variableを追加することです

モーダルevent listener &アヤックス法

$(document).ready(function(){ 
    $('#modal_form_vertical').on('show.bs.modal', function (e) { 
     var designid = $(e.relatedTarget).data('designid'); //get the id 
     alert(designid); 
     var dataString = 'designid=' + designid; 
     $.ajax({ 
      type: "POST", 
      url: "includes/design_content.php", 
      data: dataString, 
      cache: false, 
      success: function(data){ 
       $("#designcontent").html(data); 
      } 
     }); 
    }); 
}); 

design_content.php

<?php 
    //Include DatabaseConnection 
    //$_POST['designid']; 
    //Run query 
    //Fetch Data 
    //Echo data to show in Modal 
?> 

モーダルHTML

<div id="modal_form_vertical" class="modal fade"> 
    <!-- Modal HTML code --> 
    <div id="designcontent"></div> //Here will show the data fetched via ajax. 
</div>