Как передать информацию через jQuery

Я пытаюсь передать информацию из кнопки в столбце «действия» в модальный div, я вызываю модальный с помощью JS, однако я не уверен в том, как отправить информацию из таблицы в div. (Помните, что это должна быть различная информация для каждой кнопки, поскольку каждая кнопка находится в другой строке)

<?php
error_reporting(0);
   $con = new mysqli("localhost","****","****","****");      
if(mysqli_connect_errno()){        
 echo(mysqli_connect_error());       
}
$cuser = $_COOKIE['c_user'];

$result = $con->query("SELECT * FROM calls");    
 echo"

<table class="table table-bordered responsive"> 
        <thead> 
            <tr> 
                <th width="5%">#</th> 
                <th>Call Status</th>
                <th>Player ID</th>
                <th>Player Name</th>  
                <th width="33%">Actions</th> 
            </tr> 
        </thead> 
 <tbody>";               
    while($row = $result->fetch_assoc()){ 
                                     echo "<tr> ";     
                                       echo("<td>" . $row['id'] . "</td> ");
                                       echo("<td>" . $row['status'] . "</td> ");
                                       echo("<td>" . $row['pid'] . "</td> ");
                                       echo "<td>" . $row['pname'] . "</td> ";
                echo "<td> ";
                                    if($row['status'] == 'Pending'){
                                        echo "<a button type="button" class="btn btn-warning" href="calls.php?claim=true&callid=$row[id]">Claim Call</button /a>  ";
                                    } else if($cuser == $row['claimedby']) {
                                        echo "<a button type="button" class="btn btn-danger" href="calls.php?closecall=true&callid=$row[id]">Close Call</button /a>  ";
                                    } else {
                                                                                            echo "<a button type="button" class="btn btn-warning    disabled">Claimed</button /a>  ";
                                    }
                                     echo "<a button type="button" href="javascript:;" onclick="jQuery('#modal-2').modal('show');" class="btn btn-info">Call Info</button /a>  ";
                                     echo "<a button type="button" id = $row[id] href="javascript:;" onclick="jQuery('#modal-1').modal('show');" class="btn btn-success">Server Info</button /a> ";
                                     echo "<a button type="button" class="btn btn-primary">Join Server</button /a> ";
                                        echo "</td> ";
}   
             echo "</tr> 
        </tbody> 
    </table>";

echo"<div class="modal fade" id="modal-1">
<div class="modal-dialog" style="width: 50%">
    <div class="modal-content">

        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Call Info</h4>
        </div>

        <div class="modal-body" id="serverHandle">

        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>
</div>";
  ?>

2 ответа

  1. Вы хотите отправить какую-либо информацию с кнопок на модальный DIV, когда кто-то нажимает на эти кнопки ? Если вы хотите, то вы можете добавить один пользовательский атрибут к вашей кнопке, как это<button info='my-info' id=''>Click</button>, то, когда кто-то нажимает на эту кнопку, Вы можете извлечь значение из этого атрибута с помощью JavaScript thisи поместить его в модальное окно с помощью любого идентификатора из Modal DIV.

  2. Вы можете добавить что-то подобное к вашей кнопке вместе с событием щелчка.

         data-value="<?php echo $Something->SomeValue;?>"
    

    Затем, когда событие click запускается, вы можете получить значение, подобное этому:

    $(this).data("value");
    

    вы можете использовать различные данные-[тег] для передачи нескольких частей информации.

    Или в качестве альтернативы добавьте это к каждой кнопке:

    onclick='someFunction("<?php echo $Something->SomeValue;?>")';