無需點擊按鈕即可從下拉列表中獲取數值

我在我的網站中顯示了此頁，我在該數據庫中顯示了表中的所有數據。我想要的是有一個下拉列表，並從下拉列表中選擇我想查看的類別，但我想選擇類別而不是到任何按鈕，只需選擇類別即可。這是我的網頁看起來像......無需點擊按鈕即可從下拉列表中獲取數值

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>

來源

2015-04-05 DogFace

你可以通過javascript過濾它們，或者只是在列表的onchange事件上發送請求的另一個查詢 – albanx 2015-04-05 21:06:32

所以...你想綁定到'select'元素的'change'事件？什麼東西阻止你？ – David 2015-04-05 21:07:41

@大衛這樣做：P和我不知道如何：P – DogFace 2015-04-05 21:08:19

-1

您沒有提供足夠的有關您的問題的信息，請發佈完整的代碼以便我們更好地瞭解您的問題。

此外，您還沒有爲前端和後端使用功能或單獨的頁面，您將遇到難題的惡夢，試圖做你想做的事情。

您需要從頭開始重建程序，這樣整個事物就是一個自己生成的表單，然後當用戶選擇一個類別時，它將使用$ _POST操作根據所選類別重新加載頁面。

如果將來類別的數量會發生變化，這對PHP來說是不可能的，因爲您必須首先知道類別的名稱才能創建switch語句。

AJAX將爲您節省幾小時的頭髮。

我知道這可能不是你想聽到的，但它的真實答案，你不能使這個工作如何寫它。

來源

2015-04-05 21:45:50 SC1988

無需點擊按鈕即可從下拉列表中獲取數值

回答

相關問題