Помогите с выпадающим списком
 

Заранее извиняюсь, если не в тот раздел написал. Помогите!

Есть:
<select name="city" onChange="reload(this.value);">
<option value="1">Москва</option>
<option value="2">Питер</option>
<option value="3">Тверь</option>
</select>

Как написать функцию reload() на JS, чтобы она грузила под списком html-файлы в зависимости от выбранного города?
Для Москвы file_1.html, для Питера file_2.html, для Твери file_3.html
:help:

Вы просите готовый скрипт с нуля. Это работа, и за нее обычно платят деньги. Для таких сообщений предназначен раздел форума «Работа»

Если вы все же хотите, чтобы вам помогли, приложите какие-то усилия сами и задавайте вопросы по ходу дела.

Для решения задачи возможно понадобится следующий материал:
http://xmlhttprequest.ru
http://javascript.ru/tutorial/dom
http://htmlbook.ru/html/iframe

Даю наводку, в каком направлении идти:

<script type="text/javascript">
window.onload = function() {
    var select = document.getElementById("menu").getElementsByTagName('select');
    for(i=0; i<select.length; i++) {
        select[i].onchange = function() {
            top.location.href = this.options[this.selectedIndex].value;
        }
        select[i].onfocus = function() {
        this.form.reset();
        }
    }
};
</script>
<div id="menu">
	<form action="" method="get">
	    <select>
		<option value="">- - -  - - выберите  - - - - </option>
		<option value="yandex.ru">yandex.ru</option>
		<option value="google.ru">google.ru</option>
		<option value="rambler.ru">rambler.ru</option>
		<option value="mail.ru">mail.ru</option>
	   </select>
	</form>
</div>

Это наводка для ссылки. А для отображения хтмла?

Вот код. Туплю - что как и куда. Сама value у меня нормально передается в функцию.
что-тоfunction reload() {
$.ajax({
url: "test_.html";
success: function(data) {
что-то.html("");
что-то.append(data);
}
});
}

Собственно, вопросов два: как в url передать переменную, чтоб она зацепилась к url-у и как правильно выгрузить сам хтмл (то есть что должно быть вместо "что-что").

Почти сделал. Вот код:

<script type="text/javascript">
function onLoad(value){
$.ajax({
	url: 'test_'+value+'.html',
	success: function(data){
		$('.result').html(data);
		}	
})
}

Этот скрипт вытягивает хтмл указанного файла. А как этот хтмл отобразить внутри определенного тэга?

для этого есть методы:

.after() / before()
.append() / .prepend()
.appendTo();
.add()
.html();