HTML 表單選擇驅動 PHP/SQLSRV 結果

Question

我正在開發一個非常基本的網頁，以方便數據輸入。 我使用 PHP 與 SQL Server 通信以輸入和顯示數據。 在最簡單的層面上，他們將從下拉列表中選擇一個商店並輸入一些數據，然后點擊提交。

當從表單選擇輸入中選擇他們的商店時，我試圖動態顯示過去 7 天的數據。 如何獲取 Select 值來驅動 SQL 查詢？ 我找到了如何使用 onchange 來觸發 javascript 函數，我可以提醒值。 我真的需要然后使用 jquery 或 AJAX 將其鏈接回 PHP 選擇查詢還是有更簡單的方法來解決這個問題？

我正在嘗試從頭開始學習這一切，並且無可否認地超出了我的能力。 以下是我所擁有的一些片段：

...
<script>
    function OnSelectChange(obj)
    {
        alert(obj.options[obj.selectedIndex].value);
    }
</script>
...
<td align="right">Store</td><td width="125"><select style="width:100%" name="store" onchange="OnSelectChange(this)">
...
<?php
    $tsql = "select * from test where DateStamp >= getdate()-7";
    $stmt = sqlsrv_query($conn, $tsql);

    //generate table view of data
    echo "<table>";
    echo "<tr><td>Store ID</td><td>Date</td><td>Data</td></tr>";
    while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_ASSOC))  
    {  
        $StoreID = $row['StoreID'];
        $DateStamp = $row['DateStamp'];
        $Donations = $row['Data'];
        echo "<tr><td>".$StoreID."</td><td>".$DateStamp."</td><td>".$Data."</td></tr>";
    }  
    echo "</table>";
?>

我找到了很多有用的信息來幫助我走到這一步，但現在我卡住了。

先感謝您。

Answer 1

知道了！ 對於其他人，這里是相關的代碼片段：

<style>
.hideable {
    visibility: collapse;
}
</style>

...

<script language="JavaScript">
    function OnSelectChange(cl)
    {
        var els = document.getElementsByClassName('hideable');
        for(var i=0; i<els.length; ++i){
            var s = els[i].style;
            s.visibility = 'collapse';

        };
        var els = document.getElementsByClassName(cl);
        for(var i=0; i<els.length; ++i){
            var s = els[i].style;
            s.visibility = 'visible';
        };
    }
</script>

...

<select style="width:100%" name="store" onchange="OnSelectChange(this.value)">

...

echo "<tr class='hideable ".$StoreID."'><td>".$StoreID."</td><td>".$DateStamp."</td><td>".$Data."</td></tr>";

在創建表 (tr) 和折疊 CSS 樣式屬性時利用雙類是關鍵。