0

有没有办法为在 php 循环中动态填充的数据切换显示/隐藏?

我一直在试图找出最好的方法来做到这一点,但我认为我知道的不够多,无法完成这项工作,而且我不确定最佳实践是什么。

情况如下:

  1. 申请人通过我的网站提交摘要,然后进入数据库
  2. 管理员登录并查看提交的结果——这是一个包含一些基本信息的表格,但没有摘要文本,因为它太长了。
  3. 我想要一个按钮(或其他东西!)来显示/隐藏摘要文本,同时让管理员有机会将摘要分配给会话。

我以为我可以做一个 jquery 显示/隐藏按钮的事情,但我无法让它工作。这是代码 - 请注意,这只是开发,并非所有安全功能都在这里。我这样说是因为不可避免地有人会评论会话或转义字符串等。

<?php
include_once('xxx.php');
$conn = new connectorfunction();

$query = "SELECT * FROM tablename ORDER BY abstract_id";
$result = mysql_query($query);

$numfields = mysql_num_fields($result);
$data = array();
$flist = array();

for($i=0;$i<$numfields;$i++)$flist[] = mysql_field_name($result,$i);
$data[0] = $flist;  
while($row = mysql_fetch_assoc($result)){
  $data[] = $row;

print '
  <tr>
   <td>
   <span style="text-decoration: underline">Author:</span>
   <br />
   ' . $row['abstract_author'] .'
   </td>

  <td>
   <span style="text-decoration: underline">Title:</span> 
  ' . $row['presentation_title'] . '
  <br />
  <button>View/Assign</button>
  </td>

  <td>
  ';

  if ($row['abstract_category'] === NULL ) {
print '
      Needs Session
    ';
  }
  else {
print '
      Assigned
    ';
  }
  print'

  <tr style="display:none;">
<td colspan="3">

'. $row['abstract_text'] .'
 </tr>

 <tr style="display:none;">
   <td colspan="3">
      <form action="assign_session.php" method="post" id="form">
    <label for="abstract_category">Assign Session:
    <input type="hidden" name="abstract_id" value="'. $row['abstract_id'] .'" />
    <input type="radio" name="abstract_category" value="session1" />Session One
    <input type="radio" name="abstract_category" value="session2" />Session Two
    <input type="radio" name="abstract_category" value="notapplicable" />Not Applicable             
 <button type="submit" formaction="assign_session.php">Assign</button></label>
 </form>

   </td>
  </tr>
  ';
 }
 ?>

所以可以看到,有一个按钮:<button>View/Assign</button>

并且有两个 <tr> 带有 "display: none" 样式。

该表在填充时看起来非常棒,我只需要一种让管理员查看抽象文本的好方法,但我似乎无法成功指向 php.ini 中的 jquery 函数。有关处理此问题的最佳方法的任何建议?

4

2 回答 2

1

像这样的东西?演示

 example:<br />
    <button onClick="$('.hide').toggle();">click me</button>
    <table>
         <tr style="display:none;" class="hide">
            <td colspan="3">abstract text</td>
         </tr>

         <tr style="display:none;" class="hide">
           <td colspan="3">
              <form action="assign_session.php" method="post" id="form">
                <label for="abstract_category">Assign Session:</label>
                <input type="hidden" name="abstract_id" value="'. $row['abstract_id'] .'" />
                <input type="radio" name="abstract_category" value="session1" />Session One
                <input type="radio" name="abstract_category" value="session2" />Session Two
                <input type="radio" name="abstract_category" value="notapplicable" />Not Applicable             
                 <button type="submit" formaction="assign_session.php">Assign</button></label>
             </form>
        </td>
      </tr>
    </table>

我使用 jquery 来切换(显示/隐藏)您需要显示/隐藏的元素。

此外,您在此代码上有几个错误(例如您没有关闭第一个 td,没有以正确的方式使用标签)。

于 2012-08-21T22:30:49.757 回答
0

你可以使用 jquery 来做这样的事情

假设您单击“显示”

$('#my_button').click(function(){
                      $('#hidden_div').val('hidden',false);});

或者对于 CSS

$('#my_button').click(function(){
                      $('#hidden_div').css('display','all');});
于 2012-08-22T01:26:59.357 回答