所選下拉列表項 - 調用/取數據

我在包含日期的Web窗體上有一個下拉列表。我的問題：如何從MySQL數據庫中調用所選項目（日期）的數據並將其顯示給用戶？更具體地說，如果所選日期在數據庫中沒有數據，我希望能夠顯示。我在尋找一個Javascript解決方案，如果可能的話，一個php解決方案（首選）。所選下拉列表項 - 調用/取數據

謝謝！

來源

2012-03-09 DextrousDave

你有沒有試過的示例代碼？如果你先試試，這會容易多了，那麼我們可以證明你要去？你做了這個谷歌搜索「jQuery選擇下拉列表」很多好東西 – Michael 2012-03-09 16:14:47

是的我在互聯網上做了一些研究，但我找不到任何適用的，唯一的我可以找到ASP解決方案 – DextrousDave 2012-03-11 12:44:24

如果您不想刷新頁面，可以使用AJAX對另一個PHP頁面進行異步調用，將所選日期作爲url參數傳遞。這個其他PHP頁面可以在數據庫上運行查詢並返回所需的任何值，以便使用查詢結果更新頁面。

我推薦使用jQuery的AJAX功能。 Here's a good example.

來源

2012-03-09 16:15:21

創建一個ID字段，日期時間和其他相關信息的表。的變化事件在JavaScript中使用Ajax調用數據庫（由日期時間），並使其到頁面

來源

2012-03-09 16:16:09 Har

謝謝。在正確的方向邁出的一步 – DextrousDave 2012-03-22 12:11:06

fantanstic樂於幫助。 – Har 2012-03-22 13:39:49

編輯：這些樣品使用PHP和CSS

的第一步是打開與連接MySQL數據庫。您將需要一些信息從您的託管服務提供商對於這個工作，但通常情況下，它看起來是這樣的：

<?php 

    $connection = mysql_connect("", "[email protected]", "") 
    or die("Couldn't connect: ".mysql_error()); 

    mysql_select_db("SOME_TABLE", $connection) 
    or die("Unable to select database");

接下來，您將檢索你使用任何表的最新數據。您可以使用php的mysql_fetch_array函數從早期的select語句中選擇所有表格信息。返回的值等於一個$row數組，以列作爲索引。

$res = mysql_query("SELECT DATE FROM SOME_TABLE"); 

?>

下一步是生成下拉div。我不完全知道如何來檢查表是空的，但我認爲我這樣做是正確的代碼如下：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Drop down!</title> 
    </head> 
    <body> 

    <?php 

     $row = mysql_fetch_array($res,MYSQL_NUM); 
     if($row == null) { //This I'm not positive about 

    ?> 

     <div class="dropdown">NUTHIN</div> 

    <?php 

      } else { 

      while($row=mysql_fetch_array($res,MYSQL_NUM)){ ?> 


    <div class="dropdown"> 
     <?php echo $row[0] ?> 
    </div> 

<?php } } ?> 

    </body> 
</html>

後你得到所有這方面的工作的，得到一個下拉菜單的功能是一個辛苦。事實上，它可以純粹用CSS來完成。這裏有一個例子：

<head> 
<style> 
#menu_group { 
    position:relative; 
    width:200px; 
    background-color:#F00; 
} 
.menu_item { 
    display:none; 
    background-color:#FF0; 

} 

#menu_group:hover > .menu_item { 
    display:block; 
} 
</style> 

</head> 
<body> 

<div id="menu_group">Something 
    <div class="menu_item">1</div> 
    <div class="menu_item">2</div> 
    <div class="menu_item">3</div> 
</div> 
</body>

這裏的工作原理是：當用戶將鼠標懸停與menu_group編號的元素，與menu_item類名稱的所有子元素將其display財產none（ALA不可見的）改變block（可見的塊級元素）。

希望一切都有所幫助。無論如何，我不能保證這段代碼能夠完美地工作，除了CSS下拉菜單。

來源

2012-03-09 16:36:42

非常感謝，很好的回答。我想知道爲什麼你使用div和CSS爲你的下拉列表，而不是

@DextrousDave我想你正在構建一個主頁鏈接菜單，或類似的東西。無論如何，這不應該太重要。只需通過服務器端語言創建所需的元素，然後在知道它們正在工作時將這些元素應用於這些元素。 – 2012-03-11 15:46:04

所選下拉列表項 - 調用/取數據

回答

相關問題