Question

我有一个生成的表格，我需要按下第6列的按钮来获取行中的第一个单元格值并将其发送到叠加页面，叠加页面将进行一些计算，这需要一些时间并显示分数，我想用那个分数替换第6列按钮。

我无法在处理过程中使用page2.php来显示覆盖（我使用弹出from here）

这是我到目前为止所得到的

<tbody>
    <?php foreach ($rows as $row_number => $columns): ?>
      <?php
        $row_class = 'row-' . ($row_number + 1);
        if ($row_number == 0) {
          $row_class .= ' row-first';
        }
        if (count($rows) == ($row_number + 1)) {
          $row_class .= ' row-last';
        }
      ?>
      <tr class="<?php print $row_class; ?>">
        <?php foreach ($columns as $column_number => $item): ?>
          <td class="<?php print 'col-'. ($column_number + 1); ?>"  >
                <?php print $item; ?>
          </td>
        <?php endforeach; ?>
<td>
<?php print $dnsearch; ?> 
</td>
<td>

<button id="my-button">Get Score</button>
<div id="element_to_pop_up">
    <a class="bClose">x<a/>

这里应该是page2.php从脚本接收变量并进行处理并返回数据（得分）以替换单击的按钮

 </div>



    </td>
          </tr>
        <?php endforeach; ?>
      </tbody>
    </table>


    <script type="text/javascript">
    $(":button").click(function (e) {
    e.preventDefault();
    $('#element_to_pop_up').bPopup();
    $.post("page2.php", {val: $(this).closest('tr').find('td:eq(0)').text()}, function(returned_data){
    //    alert(returned_data); 
          $(e.target).closest("td").text(returned_data); // to replace button with score
       });

    });

    </script>

Answer 1

单击该按钮将第一行的值发送到jquery，并对第二页进行ajax调用，并在第二页的响应时执行所需的计算，将结果查找替换为按钮的示例。

http://api.jquery.com/jQuery.ajax/

将按钮放在这样的范围内

<span id="result">
<button id="my-button">Get Score</button></span>

然后在你的响应处理中jquery把这个

$("#result").html(you calculation result jquery variable);

将jquery变量传递给php页面并将计算变量接收到第一页

1 个答案: