Question

当复选框被选中时，此文件是使用ajax对表进行排序的返回文件，
但是提交按钮在以下编码中不起作用，
根据我的知识，似乎在这段代码中没有任何错误

<!doctype html>
<html lang="en">
    <head>
        <title></title>
        <link rel="stylesheet" href="style.css">
        <script src="script.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script type="text/javascript">
            function getOrderStatus(value) {
                $.post("getOrderStatus.php", {partialOrderStatus:value},function(data){
                    $("#results").html(data);
                }
                ); 
            }
        </script>

        <script type="text/javascript">
            function sortOrder() { 
            $.ajax( {
                type: 'POST',
                url: 'sortOrder.php',
                data: { checked_box : $('input:checkbox:checked').val()},

                success: function(data) {
                    $('#results').html(data);
                }
            } );
            }
            </script>
    </head>
    <body>


    <div id="floating-menu">

    <div id="order_tab">
                <div class="form_bg_alpha_order_status">

        <table id="order_hist">
        <tr>
            <td style="width:120px;">Search by:<input type="checkbox" name="checked_box" value="1" onclick="sortOrder()"></td>
            <td style="width:840px;"><input class="search" type="text" onkeyup="getOrderStatus(this.value)" placeholder="Order Id"/></td>
            </tr>
        </table>
        <div id="results">
        <table>
            <tr>
                <th class="heading"> 
                Sl No.
                </th>
                <th class="heading"> 
                Order Id
                </th>
                <th class="heading"> 
                Date
                </th>
                <th class="heading"> 
                Process
                </th>
                <th class="heading"> 
                Curr Status
                </th>
                <th class="heading_blank"> 
                Change Status
                </th>
                <th class="heading_blank"> 

                </th>
            </tr>
            <?php
            include "config.php";
            $result=mysql_query ("SELECT * FROM `order` WHERE process='active'");
            while(($row= mysql_fetch_object ($result))!=null) {
            ?>

            <tr>
                <td class="content"> 
                <?php echo $row->sl_no; ?>
                </td>
                <td class="content"> 
                <?php echo $row->order_id; ?>
                </td>
                <td class="content"> 
                <?php echo $row->pick_date; ?>
                </td>
                <td class="content"> 
                <?php echo $row->process; ?>
                </td>
                <td class="content"> 
                <?php echo $row->status; ?>
                </td>
                <form action="update_status.php?order_id=<?php echo $row->order_id; ?>" method="POST">
                <td>
                <div class="select-style">              
                <select name="status">
                    <option value="<?php echo $row->status; ?>"><?php echo $row->status; ?></option>
                    <option value="Step_1">Step_1</option>
                    <option value="Step_2">Step_2</option>
                    <option value="Step_3">Step_3</option>
                    <option value="Step_4">Step_4</option>
                </select>
                </div>
                </td>
                <td> 
                <input type="submit" class="order_details_btn" value="Change">
                </td>
                </form>
                </tr>
            <?php } ?>
            </table>
        </div>
        <body>
</html>

此页面来自此文件

{{1}}

此处提交表单工作正常，但不在上一页

Answer 1

尽管HTML无效，但表单确实会在至少两个浏览器中提交并生成警报。修复HTML，使表单在TD元素内并重新测试：

            <td>
            <form action="update_status.php?order_id=<?php echo $row->order_id; ?>" method="POST">
            <div class="select-style"  style="float: left; margin-right: 10px">              
            <select name="status">
                <option value="<?php echo $row->status; ?>"><?php echo $row->status; ?></option>
                <option value="Step_1">Step_1</option>
                <option value="Step_2">Step_2</option>
                <option value="Step_3">Step_3</option>
                <option value="Step_4">Step_4</option>
            </select>
            </div>
            <input type="submit" class="order_details_btn" value="Change">
            </form>
            </td>

有关如何在不同浏览器中查看控制台的信息，请参阅this answer，并根据需要添加报告给您的问题。

表单提交在php中不起作用

1 个答案: