如何使用选择菜单在HTMLTABLE中显示SQL数据库的特定结果


How do i display specific results from SQL database in a HTML TABLE using select menus

我已经做了几个小时了,我有了一些突破,但我现在停滞不前。我有一个SQL数据库,用于存储车辆信息,如品牌、型号和年份。我想做的是允许用户修改查询,只显示特定的结果。

我知道如何一次显示所有记录,但我想添加的是,当用户选择例如品牌为"Toyota"时,我只希望显示特定的品牌。通过使用以下代码,我确实到达了其中的一些位置:

<form method="post" action=""> 
 <div id="search_query" >
     Make 
    <select name="make" size="0">
    <option value="honda">Honda</option>
  <option value="toyota">Toyota</option>
  <option value="nissan">Nissan</option>
    </select>
     <input type="submit" name="submit" value="submit">
 </div>
 </form>     
<?php
    $db_con = mysql_connect('localhost', 'root', '');
    if (!$db_con) {
        die('Could not connect: ' . mysql_error());
    }
    mysql_select_db('my_db', $db_con);
    $make = mysql_real_escape_string($_POST['make']);
    $sql = sprintf("SELECT * FROM chjadb_vehicles WHERE v_make= '$make' ");

    $result = mysql_query($sql);

    echo "<table width= 970 border=1>
         <tr>
           <th width='120' scope='col'>Image</th>
           <th width='170' scope='col'>Details</th>
           <th width='185' scope='col'>Seller</th>
           <th width='126' scope='col'>Price</th>
         </tr>";
    while($row = mysql_fetch_array($result))
      { 
         echo "<tr>";
           echo "<td> <img src=" .$row['v_image']. " width =200 height = 130>" . "</td>";
           echo "<td>". $row['v_year'] . "&nbsp;" . $row['v_make'] . "&nbsp;". $row['v_model'] . "&nbsp;". $row['b_type']. "</td>";
           echo "<td>". $row['user_id'] ."</td>";
           echo "<td>". $row['v_price'] ."</td>";
         echo "</tr>";
      }
       echo "</table>";
     mysql_close($db_con);
    ?>

然而,当我最初运行该页面时,我收到了以下错误:"注意:未定义的索引:在C:''examplep''htdocs''carhuntja.com''buy_a_car.php中的第62行生成"

我做了一些研究,意识到发生这种情况是因为我没有制造值集,我想在这里做的是,在进入该页面的开始,我希望显示所有车辆。

问题是在用户选择make之前发送查询。要解决此问题,您需要通过将您的PHP代码封装在if(isset($_POST['submit']))中来检查用户是否确实提交了表单(使用"提交"是因为这是提交按钮的name)。

//place connection code here (do not query the database yet)
if(isset($_POST['submit']))
{
   //all of the database retrieval code
}
else
{
  $query_makes = "SELECT v_make FROM chjadb_vehicles";
  $result_makes = mysqli_query($query_makes);
  echo "Please choose a make."
  //echo opening select tag
  while($row = mysql_fetch_array($result_makes))
  {
     //echo each option tag
  }
  //echo ending select tag
}

此外,在自包含的输入标记中缺少一个斜杠。最后,您应该使用MySQLi函数,因为MySQL函数在PHP中已被弃用。

  1. 当页面第一次加载时,您需要运行以下查询:

    SELECT * FROM chjadb_vehicles
    
  2. 您需要检查用户是否单击了提交按钮并发布了make字段,为此请使用isset():

    if (isset($_POST['make']){
        $make = mysql_real_escape_string($_POST['make']);
    }
    
  3. 我强烈建议您使用jquery和ajax

编辑:

第一次加载页面时,您将显示所有车辆。

在javascript中,您将onSelect-event绑定到下拉列表中,一旦用户选择了make,您就会向服务器发送ajax请求,并显示服务器的新结果,因此它看起来像这样:

$('#search_query select').change(function(){
//get the selected option text
var selectedVal = $(this).find('option:selected').text();
//send ajax request
$.ajax( {
url : url,
type : "POST",
data : selectedVal ,
dataType : 'json',
success : function(data) {//handle returned data}
})

});

我建议你看一下这里,以获得关于jquery的完整视频教程。