Question

我是新手。

如何使用单选按钮和php更改表格的内容。 没有刷新页面。

HTML

<form name="myform" action="" method="post">
<input type="radio" onchange="this.form.submit()" name="page" value="all"> All<br>
<input type="radio" onchange="this.form.submit()" name="page" value="old"> Old<br>
<input type="radio" onchange="this.form.submit()" name="page" value="new"> New>
</form>

PHP

<?php
$page = null;
if(isset($_POST['page'])){
    $page = $_POST['page'];
}
switch($page){
    case 'all': 
    // SQL QUERY
    break;
case 'new': 
    // SQL QUERY
    break;
case 'old': 
    // SQL QUERY
    break;

}
?>

问题是页面将刷新，所选的单选按钮将被取消选择。

Answer 1

将表单更改为，

<form id="myform" name="myform" action="yourphppage.php" method="post">
<input type="radio" name="page" value="all"> All<br>
<input type="radio" name="page" value="old"> Old<br>
<input type="radio" name="page" value="new"> New>
</form>

在页面中加载jquery脚本。加载后使用以下代码，

<script>
    $(document).ready(function(){
        $('input[name="page"]').on('change',function(){
            $.ajax({
                url: $('#myform').attr('action');
                type: "POST",
                data: {page: $('input[name="page"]').val()},
                success: function(result){
                    alert(result);
                }
            });
        });
    });
</script>

我没有运行它，但我很确定这将是你的问题的解决方案。如果你遇到任何问题，请告诉我。

Answer 2

我使用了给定的打击代码来解决这类问题： -

<form id="myform" name="myform" action="" method="post">
<input type="radio" name="page" value="all"> All<br>
<input type="radio" name="page" value="old"> Old<br>
<input type="radio" name="page" value="new"> New
</form>
 <div id="responsecontainer"></div>
<script>
$(function(){`$(function(){
$("input[name='page']").change(function() {
var form = this.form;
$.ajax({
type: "POST",
url: "action.php",
data: $(form).serialize(),
 success: function(response){
 $("#responsecontainer").html(response);
}
});
});
});
</script>

使用radion按钮和php更新sql查询和表内容

2 个答案: