0

Twitterのブートストラップのモーダルを使用しています。

MAC アドレスをベンダー名にマップするテーブルがあります。コードは次のようになります

        <tbody>
              <?php foreach ($rowarr as $k => $v) { ?>
                <tr>
                  <td><?php echo $k ?></td>
                  <td>
                    <div class="divBox">
                      <a data-toggle="modal" href="#myModal"><?php echo $v; ?></a>
                    </div>
                  </td>
                </tr>
              <?php } ?>
            </tbody>

ベンダー名 (Cisco、HP など) をクリックして、モーダル ダイアログ ボックスを起動し、ベンダーの詳細を表示したいと思います。このモーダル ボックスの詳細は、データベースから取得されます。PHP を使用してデータベースのクエリを実行したいのですが、クエリを実行するには、クリックされたリンク/ベンダーの名前を知る必要があります。どうすればそうできますか？

モーダルを起動するための私の JS は、この atm のようになります

<script type="text/javascript">
  $('#myModal').modal('hide');
</script>
4

1 に答える 1

1

最初にできることは、次のようにして、リンクにデータベンダーを設定することです。

<a data-toggle="modal" data-vendor="<?= $v ?>" href="#myModal"><?php echo $v; ?></a>

または、次の方法でベンダーを取得できます。

vendor = $("#myModal").html();

次に、次のようにして、リンクのクリック イベントを関連付けます。

<script type="text/javascript">
    $('#myModal').click(function(){
        $(this).modal('hide');
        var vendor = $(this).data('vendor');

        //DO SOME AJAX CALL OR REFRESH THE PAGE USING "vendor" 
     });
</script>

また、ID $('#myModal') を使用して選択しようとしていることに気付きましたが、「id」属性がありません。おそらく、「a」タグで「myModal」というクラスが必要になり、次を使用して選択します。

$('.myModal').click(function(){ ... });
于 2012-08-08T17:42:59.393 に答える