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

时间:2012-07-09 14:23:03

标签: php html sql

我已经在这里工作了好几个小时而且我已经稍微突破了一段时间,但是我现在处于停滞状态。我有一个SQL数据库,用于存储车辆信息,例如品牌,型号和年份。我想要做的是允许用户修改查询,只显示特定的结果。

我理解如何一次显示所有记录,但我想添加的是当用户选择说例如#34;丰田"我只想要那个特定的品牌出现。通过使用以下代码,我确实达到了这个目的:

<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);
    ?>

然而,当我最初运行页面时,我收到此错误:&#34;注意:未定义的索引:在第62行和第34行的C:\ xampp \ htdocs \ carhuntja.com \ buy_a_car.php中生成;

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

2 个答案:

答案 0 :(得分:0)

问题是在用户选择make之前发送查询。要解决此问题,您需要通过在if(isset($_POST['submit']))中包含PHP代码来检查用户是否实际提交了表单(使用“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 functions,因为在PHP中不推荐使用MySQL函数。

答案 1 :(得分:0)

  1. 首次加载页面时,您需要运行此查询:

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

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

  4. 修改

    首次加载页面,您将显示所有车辆。

    在你的javascript中,你将onSelect evvent绑定到下拉列表,一旦用户选择了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}
    })
    

    });

    我建议您查看here,获取有关jquery的完整视频教程。