返回數據時，點擊下拉按鈕

Question

在這裏，我有一個下拉菜單是這樣的：

<div class="btn-group" role="group"> 
    <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Choose A Day 
    </button> 
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1"> 
    <a class="dropdown-item" value="Monday" >Monday</a> 
    <a class="dropdown-item" value="Tuesday" >Tuesday</a> 
    <a class="dropdown-item" value="Wednesday" >Wednesday</a> 
    <a class="dropdown-item" value="Thursday">Thursday</a> 
    <a class="dropdown-item" value="Friday">Friday</a> 
    <a class="dropdown-item" value="Saturday">Saturday</a> 
    </div> 
</div> 

而且我也有一個空表：

<table border="2"> 
    <thead> 
    <tr> 
     <td>Lesson_id</td> 
     <td>Teacher</td> 
     <td>Lesson</td> 
     <td>Day</td> 
     <td>Time</td> 
     <td>Classroom</td> 
     <td>Year</td> 
     <td>Curriculum</td> 
    </tr> 
    </thead> 
    <tbody> 


    </tbody> 
</table> 

而且我有一個PHP函數：

<?php 
function get_data_from_day($day) 
{ 
include('dbh.inc.php'); 
global $conn; 
$query = "SELECT * FROM "; 
$result = $conn->query($query); 
while ($row = $result->fetch_array(MYSQLI_ASSOC)) { 
    echo "<tr>"; 
    echo "<td>" . $row['Lesson_id'] . "</td>"; 
    echo "<td>" . $row['Teacher'] . "</td>"; 
    echo "<td>" . $row['Lesson'] . "</td>"; 
    echo "<td>" . $row['Day'] . "</td>"; 
    echo "<td>" . $row['Time'] . "</td>"; 
    echo "<td>" . $row['Classroom'] . "</td>"; 
    echo "<td>" . $row['Year'] . "</td>"; 
    echo "<td>" . $row['Curriculum'] . "</td>"; 
    echo "</tr>"; 
} 
} 

最後我有一個數據庫名school.Inside是從星期一到星期五的6表。我想從數據中檢索數據點擊下拉菜單。例如，如果我點擊星期一按鈕將從星期一返回所有數據等等。是否有任何解決方案這個

Answer 1

我不認爲你將能夠做到這一點與PHP，因爲php運行之前頁面加載到服務器。相反，我會使用JavaScript或jQuery;我發現這裏：

How to get data from database in javascript based on the value passed to the function

如何在JavaScript中獲取數據庫數據。

我想你可以使用類似這樣：

https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/UsingtheJavascriptDatabase/UsingtheJavascriptDatabase.html

首先打開數據庫：

try { 
    if (!window.openDatabase) { 
     alert('not supported'); 
    } else { 
     var shortName = 'mydatabase'; 
     var version = '1.0'; 
     var displayName = 'My Important Database'; 
     var maxSize = 65536; // in bytes 
     var db = openDatabase(shortName, version, displayName, maxSize); 

     // You should have a database instance in db. 
    } 
} catch(e) { 
    // Error handling code goes here. 
    if (e == 2) { 
     // Version number mismatch. 
     alert("Invalid database version."); 
    } else { 
     alert("Unknown error "+e+"."); 
    } 
    return; 
} 

然後你就可以創造一個你有你的SQL查詢功能：

function errorHandler(transaction, error) 
{ 
    // error.message is a human-readable string. 
    // error.code is a numeric error code 
    alert('Oops. Error was '+error.message+' (Code '+error.code+')'); 

    // Handle errors here 
    var we_think_this_error_is_fatal = true; 
    if (we_think_this_error_is_fatal) return true; 
    return false; 
} 

function dataHandler(transaction, results) 
{ 
    // Handle the results 
    var string = "Green shirt list contains the following people:\n\n"; 
    for (var i=0; i<results.rows.length; i++) { 
     // Each row is a standard JavaScript array indexed by 
     // column names. 
     var row = results.rows.item(i); 
     string = string + row['name'] + " (ID "+row['id']+")\n"; 
    } 
    alert(string); 
} 
function getSQLData(day){ 
db.transaction(
    function (transaction) { 
     transaction.executeSql("SELECT * from " + day + ";", 
      [], // array of values for the ? placeholders 
      dataHandler, errorHandler); 
    } 
); 
} 

然後你可以調用這個函數這個：

<a class="dropdown-item" value="Monday" onClick="javascript:getSQLData('Monday');" >Monday</a> 

希望這可以給你一個關於如何做到這一點的想法。