从下拉列表中获取值而不单击按钮

时间:2015-04-05 21:03:08

标签: javascript php jquery ajax

我在我的网站上有这个页面,它显示了我数据库中表格的所有数据。我想要的是有一个下拉列表,并从下拉列表中选择我想看的类别,但我想选择类别没有到任何按钮,只需选择类别。 这就是我的页面看起来像......

enter image description here

我的代码就是这个......

 <!DOCTYPE html>
<?php
include_once 'header.php';
?>
<html>
<head>
<script>
function showUser(str) {
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","getuser.php"+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<form>
Select Category :<select name="users" onchange="showUser(this.value)">
<option value="*">All</option>
    <!--emfanizei tis epiloges gia ta specialties me basi auta p exoume sti basi mas -->
    <?php
  $sql = mysql_query("SELECT name FROM disease");
  while ($row = mysql_fetch_array($sql)){
    echo "<option value='".$row['name']."'>".$row['name']."</option>";
  }
?>
</select><br><br />
</form>
<br>
<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html>

getuser.php代码就是这个......

<!DOCTYPE html>
<html>
<head>
<style>
table {
    width: 100%;
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
    padding: 5px;
}

th {text-align: left;}
</style>
</head>
<body>

<?php

$con = mysqli_connect('localhost','root','smogi','project');
if (!$con) {
    die('Could not connect: ' . mysqli_error($con));
}

mysqli_select_db($con,"ajax_demo");
$sql="SELECT author,category,subject,content FROM announcements";
$result = mysqli_query($con,$sql);

echo "<table>
<tr>
<th><b>Author</b></th>
    <th><b>Category</b></th>        
    <th><b>Subject</b></th>
    <th><b>Content</b></th>
</tr>";
while($row = mysqli_fetch_array($result)) {
    echo "<tr>";
    echo "<td>" . $row['author'] . "</td>";
    echo "<td>" . $row['category'] . "</td>";
    echo "<td>" . $row['subject'] . "</td>";
    echo "<td>" . $row['content'] . "</td>";
    echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
</body>
</html>

1 个答案:

答案 0 :(得分:-1)

您没有提供有关您的问题的足够信息,请发布完整的代码以便我们更好地了解您的问题。

此外,您没有为前端和后端使用功能或单独的页面,您将遇到试图做您想做的事情的噩梦。

您需要从一开始就重建程序,以便整个程序生成自己的表单,然后当用户选择一个类别时,它会使用$ _POST操作根据所选类别重新加载页面。

如果类别的数量将来会发生变化,那么PHP是不可能的,因为你必须首先知道类别的名称才能创建一个switch语句。

AJAX将为你节省数小时的头发。

我知道这可能不是你想听到的,但却是真正的答案,你不能把它写成你的作品。