是否可以获取文本框的值并在查询中使用它?没有重新加载页面?

时间:2016-12-12 11:07:04

标签: javascript php mysql

我认为最好的解决方案是onChange功能但是如何使用它确实令人困惑。
场景:我有一个搜索按钮,里面有一个模态。选择值后,该值将放入我已经完成的文本框中。

这来自名为tblroom的数据库,主键是房间ID。

现在,我希望文本框中的值再次用于另一个查询以搜索床(这张床来自名为tblbed的数据库,其中外键是来自tblroom的roomID)。无需重新加载页面或使用表单提交。

<div class="form-group">
    <label for="roomNo">Room Number:</label>
    <input style="margin-left: 60px;text-align: center; width: 40%;" name="roomNo" id="roomNo" type="text" class="form-control form-control-inline" readonly required>
    <button style="margin-left: 10px" type="button" class="btn btn-primary" data-toggle="modal" data-target="#roomModal"><span class="glyphicon glyphicon-search"></span>Search</span></button>
</div>

<div class="form-group">
    <label for="roomNo">Bed Number:</label>
    <input style="margin-left: 60px;text-align: center; width: 40%;" name="roomNo" id="roomNo" type="text" class="form-control form-control-inline" readonly required>
    <button style="margin-left: 10px" type="button" class="btn btn-primary" data-toggle="modal" data-target="#bedModal"><span class="glyphicon glyphicon-search"></span>Search</span></button>
</div>

这是我对roomNumber的查询

<table class="table table-hover">
    <thead>
        <tr>
            <th width="10%">Room ID</th>
            <th style="text-align:center">Description</th>
            <th width="14%">Bed Capacity</th>
            <th style="text-align:center" width="20%">Room Rate</th>
            <th width="10%">Status</th>
            <th width="15%">Action</th>
        </tr>
    </thead>
    <tbody>
        <?php
        $con = mysqli_connect("localhost","root","","acmh");
        $sql = "SELECT roomID, bedCapacity, Status, roomrate, description FROM tblroom
        INNER JOIN tblroomtype ON tblroom.roomtypeID = tblroomtype.roomtypeID ORDER BY roomID";

        //Bed Number
        //$sql2 = "SELECT bedNumber, roomID, Status FROM tblbed INNER JOIN tblroom ON tblroom.roomID = tblbed.roomID  ORDER BY bedNumber";
        $result = mysqli_query($con,$sql);
        while($row = mysqli_fetch_array($result)):
            ?>
            <tr onclick="getRoomid(this);">
                <?php
                <td style="text-align:center"><?= $row['roomID']; ?></td>
                <td><?= $row['description']; ?></td>
                <td style="text-align:center"><?= $row['bedCapacity']; ?></td>
                <td style="text-align:center"><?= $row['roomrate']; ?></td>
                <td><?= $row['Status']; ?></td>
                <td>
                    <button onclick="getRoomid(this);" name="room" value="<?= $row['roomID']; ?>" type="button" class="btn btn-primary" data-dismiss="modal">Select</button>
                </td>
            </tr>
        <?php endwhile; ?>
    </tbody>
</table>

我想创建另一个这样的但是我将使用房间中的值在Query中等于它。

喜欢这个

$sql = "SELECT 
        bedNumber, roomID FROM tblroom 
        INNER JOIN tblbed ON tblroom.roomID = tblbed.roomID 
        WHERE tblroom.roomID = (VALUE OF THE TEXTBOX FROM THE ROOM NO)";

我希望这个人不会混淆。我一直在寻找这个5天,我找不到答案。任何帮助和建议都可以。谢谢!

1 个答案:

答案 0 :(得分:0)

这是从jquery中的文本框中获取值的方法。

$(&#34;#roomNo&#34)。VAL()

此外,ajax将帮助您与服务器端进行通信,并在不刷新页面的情况下查看结果。