如何使網頁上的日期下拉菜單

-1

我有一個PHP的Web服務器，我有一些文件，我需要能夠選擇某些文件夾下。文件名格式爲「YYYY-MM-DD_XXXXXXX.php」。 Y表示Year，M表示月份，D表示日期。我需要做的是製作一個動態的下拉菜單，其中包含文件夾中的某個文件的日期。例如。有兩個文件：2013-01-01_xxxxx.php和2013-01-07_xxxx.php，這樣在下拉列表中應該有兩個選項，分別是「2013-01-01」和「2013-01- 07" 。一旦我選擇其中一個，相應的文件將顯示在網頁下方。我不知道如何製作這樣的下拉菜單。如何使網頁上的日期下拉菜單

來源

2013-01-07 Charlie Zeng

[？你已經試過什麼（http://mattgemmell.com/2008/12/08/什麼是你嘗試/） –

如何像這樣的東西：數據庫（mySql）或XML，其中存儲您的php文件名，然後數據庫/ xml函數來獲取該數據和/ foreach循環打印html選擇列表包含文件名和錨鏈接？ – art2

您將通過搜索發現許多指南和提示 – art2

<select> 
    <option value="one">First Text</option> 
    <option value="two">Second Text</option> 
</select>

創建一個下拉菜單。既然你想讓它動態分配的值，你可以這樣做：

foreach (myArray as row) { 
    echo '<option value='" . $row['value'] . '">' . $row['text'] . '</option>'; 
} 
echo '</select>';

通過張貼選擇到一個頁面，它將從文件...痛苦的閱讀動態創建菜單。

我會做的是使用jQuery（特別是ajax）從文件中讀取。

比方說你有：

<?php 
$cities = array(
    'IL' => array('Chicago', 'Naperville', 'Decatur', 'Saint Charles'), 
    'IN' => array('Gary', 'Miller', 'Portage', 'Merrillville') 
); 

print json_encode($cities[ $_POST[ 'selection' ] ]); 
exit; 
?>

您使用json_encode函數來傳遞打印（或回聲）的結果頁面。

和你的JavaScript將是這樣的：

$(document).ready(function() { 

$('#selection').change(function() { 
    $.post(
     'some-url.php', 
     { 
      'selection':$('#selection').val() 
     }, 
     function(data, textStatus) { 
      $.each(data, function(index, value) { 
       $('#city').append('<option value="' + value + '">' + value + '</option>'); 
      }); 
     }, 
     'json' 
    ); 
});

}）;

這是一個相當不錯的教程：http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/和http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html

和一個例子：和http://jsfiddle.net/g7wzT/1/

來源

2013-01-07 20:28:41 SoluableNonagon

如何使網頁上的日期下拉菜單

回答

相關問題