我有一个web服务器与PHP，我有几个文件在某些文件夹下，我需要能够选择。文件名格式为"YYYY-MM-DD_XXXXXXX.php"。Y代表年，M代表月，D代表日期。我需要做的是使一个动态下拉菜单的日期，其中有一定的文件在文件夹中。为例。有两个文件:2013-01-01_xxxxx.php和2013-01-07_xxxx.php，这样下拉列表中应该有两个选项:"2013-01-01"answers"2013-01-07"。一旦我选择了其中一个，对应的文件就会显示在下面的网页中。我不知道怎么做这样的下拉菜单
<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函数在页面中传递print(或echo)结果。
你的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/