表单提交在PHP中不起作用

Question

This file is the return file using ajax to sorting a table when checkbox is checked, 此文件是使用ajax对复选框进行排序时的返回文件，
But the submit button doesn't work in following coding, 但是提交按钮在下面的编码中不起作用，
When seems there is nothing wrong in this code as per my knowledge 据我所知，这段代码似乎没有什么错

    <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("form").submit(function(){
        alert("Submitted");
    });
});
</script>
</head>
<body>

<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";
    $checkbox = isset($_POST['checked_box']);
    if($checkbox == 1){
        $Query="SELECT * FROM `order` ORDER BY sl_no DESC";
    }else{
        $Query="SELECT * FROM `order` ORDER BY sl_no ASC";    
    }
    $result=mysql_query($Query);
    while($row = mysql_fetch_object($result)) { 
    ?>

    <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>
    </body>
</html>

this page is came form this file 此页面来自此文件

<!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>

Here the submit form is work properly but is doesn't in the prev page 此处提交表单可以正常使用，但不在上一页中

Answer 1

Despite the invalid HTML, the form does submit and generate the alert in at least two browsers. 尽管HTML无效，但该表单确实在至少两个浏览器中提交并生成了警报。 Fix the HTML so that the forms are inside the TD elements and retest: 修复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>

See this answer on how to view the console in different browers and add any errors reported to your question if required. 有关如何在不同浏览器中查看控制台以及如何根据需要添加报告给您的问题的任何错误，请参见此答案。

表单提交在PHP中不起作用

问题描述

1 个解决方案

解决方案1
0 2015-10-22 19:20:05

表单提交在PHP中不起作用

问题描述

1 个解决方案

解决方案1 0 2015-10-22 19:20:05

解决方案1
0 2015-10-22 19:20:05