如何在网页上制作日期下拉菜单[关闭]答案

【问题标题】：How to make Date drop down menu on webpage [closed]如何在网页上制作日期下拉菜单[关闭]
【发布时间】：2013-01-07 20:05:53
【问题描述】：

我有一个带有 PHP 的 Web 服务器，并且我需要能够选择某些文件夹下的一些文件。文件名的格式为“YYYY-MM-DD_XXXXXXX.php”。 Y 代表年，M 代表月，D 代表日期。我需要做的是制作一个动态下拉菜单，其中包含文件夹中某个文件的日期。例如。有两个文件：2013-01-01_xxxxx.php 和 2013-01-07_xxxx.php，这样下拉列表中应该有两个选项可用，分别是“2013-01-01”和“2013-01- 07”。一旦我选择其中一个，相应的文件将显示在网页的下方。我不知道如何制作这样的下拉菜单。

【问题讨论】：

What you have tried?
怎么样：数据库 (mySql) 或 XML，它存储您的 php 文件名，然后是数据库/xml 函数来获取该数据和 for/foreach 循环以打印包含文件名和锚点的 html 选择列表链接？
只要搜索一下就会发现很多指南和提示

标签： php html date drop-down-menu

【解决方案1】：

<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/vjkaG/ 和 http://jsfiddle.net/g7wzT/1/

【讨论】：