<form> 标签上的 rel 属性

Question

嗯，我有这个完美的表单标签。

<form action="searchresult.php" method="post">
        <?php
        require('connect.inc');
        $sql1="SELECT room_type,room_id FROM room";
        $result1=mysql_query($sql1);

        echo "<select name=roomtype value=''></option>";
        while($nt=mysql_fetch_array($result1)){
        echo "<option value=$nt[room_type]>$nt[room_type]</option>";
            }
        echo "</select>";
        mysql_close();
        ?> 

    </td>
    <td>    
        <input type='hidden' name='clientid' value="<?php echo $clientid; ?>">
        <input type="text" class="w8em format-y-m-d highlight-days-67 range-low-today" name="chkin" id="sd" value="" maxlength="20" readonly />
    </td>
    <td>
        <input type="text" class="w8em format-y-m-d highlight-days-67 range-low-today" name="chkout" id="ed" value="" maxlength="20" readonly />
    </td>
    </tr>

    </table>
   <input type='submit' name='submit' id="button1" value="Check Room Availabilty">

</form>

这将打开一个名为“searchresult.php”的新页面

但是，我需要知道的是，如何以弹出样式显示这个 .php 文件。

我目前正在使用 facebox 作为弹出窗口，我是这样使用它的：

<a rel="facebox" href="searchresult.php">Check Room Availability</a>

但是没有成功，输入没有传递到下一页，所以我得到了错误。

我知道变量可以像这样通过a标签传递

echo'<a rel="facebox" href=editroom.php?id=' . $row3["room_id"] . '>' . 'Edit' . '</a>';

但我现在的情况是，我需要通过输入。

我在每一页都声明了这个代码。

<link href="src/facebox.css" media="screen" rel="stylesheet" type="text/css" />


<script src="src/facebox.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox({
    loadingImage : 'src/loading.gif',
    closeImage   : 'src/closelabel.png'
  })
})

谢谢。

Answer 1

如果你使用 jQuery，你可以在表单提交中附加一个方法来调用

 jQuery.facebox({ ajax: 'searchresult.php' });

您当然必须传递一些 URL 参数才能显示相关结果

这样的事情会起作用：

 $('#search').submit(function() {
      $.facebox({ ajax: 'searchresult.php?search=&search2=' });
      return false;
 });