表单提交在PHP中不起作用
[英]form submit doesn't work in php
问题描述
此文件是使用ajax对复选框进行排序时的返回文件，
但是提交按钮在下面的编码中不起作用，
据我所知，这段代码似乎没有什么错
<!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>
此页面来自此文件
<!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 个解决方案
解决方案1
0 2015-10-22 19:20:05
尽管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>
有关如何在不同浏览器中查看控制台以及如何根据需要添加报告给您的问题的任何错误，请参见此答案 。
text-transform不适用于post form submit php
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.