для простоты с использованием jquery
<script>
$(function(){
$('select').change(function(){
var file = $(this).find('option:selected').text();
if(file != 'Select file') {
$(this).next('div').load('/getfile.php?file=' + encodeURIComponent(file));
}
else {
$(this).next('div').html('');
}
});
});
</script>
и добавляем новый скрипт на сервере getfile.php:
$filename = 'documents/' . basename($_GET['file']);
if(is_file($filename)) {
echo '<pre>' . file_get_contents($filename) .'</pre>'; exit;
}
echo 'file not found'; exit;
нужно для вывода файла после тега select добавить пустой div и подрубить jQuery