Question

我还是网络编程的新手。当我选择单选按钮然后提交该值时，当我使用ajax和jQuery获取mysql数据时，我遇到了问题。对于查询，我使用PDO。这是我的代码： 1.从单选按钮

中选择值

＆＃13;

<form method="get" name="urut">
              <input type="radio" name="urut" value="ASC" id="urut"/>ASC
              <input type="radio" name="urut" value="DESC" id="urut"/>DESC
              <input type="submit" value="Filter" id="masukan"/>
 </form>

＆＃13;

单击输入提交时从单选按钮获取ASC或DESC值的jQuery代码

＆＃13;

<script type="text/javascript">
    $(document).ready(function(){
        $('#masukan').click(function(){
          $('#table_div').text("");
          $('#info').text("");
              $.ajax({
                    url : "php/by_name.php",
                    type : "get",
                    data : {"urut": $("#urut").val()},
                    success : function(data){
                      $('#info').html('<b>Daftar Siswa Berdasarkan Nama</b>');
                      $('#table_div').html(data);
                    },
                    error : function(xhr, teksStatus, kesalahan){
                      $('#info').html('<b>Terjadi Kesalahan</b>');
                    }
              });
        });
    });
  </script>

＆＃13;

此页面提供在html表格中提交值为DESC或ASC时由用户选择的数据

＆＃13;

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <form method="get">
  <table>
    <?php


    # code...
    if(isset($_GET['urut'])){
      $urut = trim($_GET['urut']);
      ?>
          <thead>
                    <th>N I S</th>
                    <th>N I S N</th>
                    <th>NAMA SISWA</th>
                    <th>TEMPAT LAHIR</th>
                    <th>TANGGAL LAHIR</th>
                    <th>AKSI</th>
          </thead>
          <tbody>
          <?php
        //      echo $urut;
              include "db_connect.php";
              if($urut == "ASC"){
                  try{
                        $kueri = $dt_bas->prepare("SELECT nis, nisn, nm_dpn, tmp_lhr, dob_siswa FROM siswa ORDER BY nm_dpn ASC");
          //              $kueri->bindParam(":pilih", $urut);
                        $kueri->execute();
                  }catch(PDOException $e){

                  }
                    while ($row = $kueri->fetch(PDO::FETCH_ASSOC)) {






                 ?>
    <!---                     Tabel Row Start ASC------------------>
                <tr>
                  <td><?php echo $row["nis"];?></td>
                  <td><?php echo $row["nisn"];?></td>
                  <td><?php echo $row["nm_dpn"];?></td>
                  <td><?php echo $row["tmp_lhr"];?></td>
                  <td><?php echo $row["dob_siswa"];?></td>

                  <td>
                    <a href="#">Ubah<a/>
                    <a href="#">Detail</a>
                  </td>
                </tr>

              <?php
            } // end of while where $urut == ASC
              }elseif($urut == "DESC"){

                try{
                      $kueri = $dt_bas->prepare("SELECT nis, nisn, nm_dpn, tmp_lhr, dob_siswa FROM siswa ORDER BY nm_dpn DESC");
        //              $kueri->bindParam(":pilih", $urut);
                      $kueri->execute();
                }catch(PDOException $e){

                }
                  while ($row = $kueri->fetch(PDO::FETCH_ASSOC)) {

                                     ?>
                        <!---                     Tabel Row Start ASC------------------>
                                    <tr>
                                      <td><?php echo $row["nis"];?></td>
                                      <td><?php echo $row["nisn"];?></td>
                                      <td><?php echo $row["nm_dpn"];?></td>
                                      <td><?php echo $row["tmp_lhr"];?></td>
                                      <td><?php echo $row["dob_siswa"];?></td>

                                      <td>
                                        <a href="#">Ubah<a/>
                                        <a href="#">Detail</a>
                                      </td>
                                    </tr>


            <?php
          } // end of while where $urut == DESC
         } // end of child if
       } // end of parent if
              ?>
          </tbody>
  </table>
</form>
</body>
</html>

＆＃13;

当我在我的网络浏览器上刷新页面时，我收到错误信息，但它只对我输入的两个值都有效，而且它只是暂时的，但当我尝试2次或更多次时，我什么都没得到甚至是错误信息。

这是我的控制台错误 enter image description here

我在这个错误中也得到了一些奇怪的东西，当我在我的网页浏览器中提交DESC时，我可以看到DESC，但在我的控制台错误中它向我显示ASC，即使我尝试多次提交DESC。这是图片 enter image description here

感谢您的时间，大家。

Answer 1

您对两个无线电输入使用相同的ID，这就是您没有获得正确值的原因。更改单选按钮ID之一并使用jQuery获取所选输入按钮值然后使用。

Answer 2

为单选按钮使用单独的ID。这将满足您的需求..

当单选按钮选择

2 个答案: