通过Bootstrap Modals PHP MySQL创建一个搜索记录表单 - Create a Search records form through Bootstrap Modals PHP MySQL

我在一个bootstrap Modal内建立一个表单，它有3个INPUT字段和Submit按钮为每一行。每个Submit都是另一个页面上的POST。然后，我要做的是使用变量将数据返回到一个表中，该表将显示该特定搜索(如邮政编码，街道名称)的所有结果。在表中，我有一个SUBMIT按钮，它将把输出返回到主页面上的主表单。

我正在努力的部分是从INPUT(从我的模式，我在jobdetailssearch.php上使用)到POST到搜索页面(search.php)的变量。返回后，我将在jobdetails页面(jobdetails.php)

的表单中显示所有结果

下面是我的3个页面的代码。

jobdetailssearch.php

<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Search Projects</h4>
    </div>
    <div class="modal-body">    
<form class="modal-form" id="searchform" name="searchform" action="includes/search.php" method="post">
    <div class="form-group">
        <label class="col-md-4 control-label">Project Number</label>
        <div class="col-md-6">
            <input type="text" class="form-control input-inline input-medium" name="searchprojno" id="searchprojno" placeholder="Enter Project Number">
        </div>
        <button type="submit" class="btn blue" id="submitsearchprojno" name="submitsearchprojno" >Search &nbsp;<i class="m-icon-swapright m-icon-white"></i></button>
    </div>
    <div class="form-group">
        <label class="col-md-4 control-label">Address</label>
        <div class="col-md-6">
            <input type="text" class="form-control input-inline input-medium" name="searchaddress" id="searchaddress" placeholder="Enter Address">
        </div>
        <button type="submit" class="btn blue" id="submitsearchadd" name="submitsearchadd" >Search &nbsp;<i class="m-icon-swapright m-icon-white"></i></button>
    </div>
    <div class="form-group">
        <label class="col-md-4 control-label">Postcode</label>
        <div class="col-md-6">
            <input type="text" class="form-control input-inline input-medium" name="searchpostcode" id="searchpostcode" placeholder="Enter Postcode">
        </div>
        <button type="submit" class="btn blue" id="submitsearchpc" name="submitsearchpc" >Search &nbsp;<i class="m-icon-swapright m-icon-white"></i></button>
    </div>
    <div class="form-group">
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table table-striped table-bordered table-advance table-hover">
                    <thead>
                        <tr>
                            <th width="100px"><i class="fa fa-list-alt"></i> Address</th>                                                                   
                            <th width="50px"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td width="100px"></td>
                            <td width="50px"><a href="#" class="btn default btn-xs blue-stripe">Select Address</a></td>
                        </tr>                                                                   
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal-footer right">
        <button type="button" data-dismiss="modal" class="btn default">Cancel</button>
        <!--<button type="submit" class="btn blue">Select</button>-->
    </div>
</form>
    </div>

search.php

<?php
 require '../core/cnn.php';
if(isset($_POST['submitsearchprojno'])) {
    $searchprojno = $_POST["searchprojno"];
}
if(isset($_POST['submitsearchadd'])) {
    $searchaddress = $_POST["searchaddress"];
}
if(isset($_POST['submitsearchpc'])) {
    $searchpostcode = $_POST["searchpostcode"];
}
$searchpostcode = mysql_real_escape_string($searchpostcode);
$searchaddress = mysql_real_escape_string($searchaddress);
$searchprojno = mysql_real_escape_string($searchprojno);
$searchrs = mysql_query("SELECT ProjectNo, CONCAT(COALESCE(HouseNoName, ''), ' ', COALESCE(StreetName, ''), ' ', 
                            COALESCE(TownOrCity, ''), ' ', COALESCE(Postcode, '')) AS Display,
                            PropID, AreaID, AWGMember, Householder, HouseNoName, StreetName, TownOrCity,
                            Postcode, ContactTelephone, AlternatePhone, Email, PropertyTenure, PropertyNotes
                        FROM prop_property
                        WHERE IsActive = 1
                            AND (Postcode = '".$searchpostcode."'
                                OR StreetName = '".$searchaddress."'
                                OR ProjectNo = '".$searchprojno."')
                        ") or die(mysql_error());
$checkrs = mysql_query("SELECT * FROM prop_property WHERE IsActive = 0");
    if(!mysql_num_rows($checkrs) > 0) { 
        echo '<td> No record found!</td><td></td>'; 
    }
        else {
            while ($results = mysql_fetch_array($searchrs)) {
            echo '
            <td>'.$results['Display'].'</td>
            <td>
                <form action="jobdetails.php" method="post">
                <input type="hidden" name="searchhouse" value=" '.$results['HouseNoName'].'" >
                <input type="hidden" name="searchstreet" value=" '.$results['StreetName'].'" >
                <input type="hidden" name="searchtown" value=" '.$results['TownOrCity'].'" >
                <input type="hidden" name="searchpostcode" value=" '.$results['Postcode'].'" >
                <input type="hidden" name="searchpropid" value=" '.$results['PropID'].'" >
                <input type="hidden" name="searchprojectno" value=" '.$results['ProjectNo'].'" >
                <button type="submit" class="btn default btn-xs blue-stripe" name="viewsearch">View Address</button>
            </form>
        </td>';
    }
}
    ?>

模式打开良好，并以我想要的方式显示表单。什么是最好的方式，我应该去这个输入搜索条件，并在一个表中显示结果，让我选择和拉上我的jobdetails.php上的主表单(我没有包括这个，因为它太大了，不确定它需要被看到)?

让我知道如果我理解你的问题，你有你的表单在引导的模态视图，你想发送表单中的数据到另一个页面，处理搜索，然后返回数据，你发现相同的模态，并把它放入<这就是你的问题?>

好吧，如果是的话。我认为更简单的方法是使用jquery，改变输入按钮的输入提交，我不太记得了在模态中发送提交时，模态是关闭的。这是真的吗?如果出现这个问题，请更改按钮的提交。然后，你必须为按钮创建一个函数。click()来捕获事件click，使用。serialize() (如果你想检查你是否真的在接收数据，你可以做一个die(var_dump($_POST));在PHP中使用firebug或类似的工具在控制台中进行检查)，您将获得<然后你必须发送它与一个。post()到另一个文件，在php中你收到的数据，当你收到响应，你可以把它放入表与。html()。>

所以我想的代码应该是这样的，你可以改变它，使它成为你需要的，但这可以是基础:

JQUERY代码:

$(document).ready(function(){
    $("#yourButtonID").click(function(){
          data = $("#yourFormID").serialize();
          $.post("yourPHPfileToSearch.php",data,function(dataReturn)){
                $("#yourTableID").html(dataReturn);
          });
    });
});

如果你需要更多的帮助，告诉我。的问候。祝你过得愉快。