Динамическое обновление div'a по выбору в select

[dimapriv]

Здраствуйте, есть в div в который должена загружаться страница через ajax, есть выпадающий список(select). Как сделать, чтобы при выборе определённого значения в списке в div подгружаласть страница ?

Вод код ajax:

$(document).ready(function(){  

            $('#loding_form_comment').click(function(){  
                $.ajax({  
                    url: "add_comment.html",  
                    cache: false,  
                    success: function(html){  
                        $("#content").html(html);  
                    }  
                });  
            });  

            $('#loding_form_search').click(function(){  
                $.ajax({  
                    url: "search.html",  
                    cache: false,  
                    success: function(html){  
                        $("#content").html(html);  
                    }  
                });  
            });  
		 $('#st').click(function(){  
                $.ajax({  
                    url: "1.html",  
                    cache: false,  
                    success: function(html){  
                        $("#stl").html(html);  
                    }  
                });  
            });

[Avalon4eg]

В тег Select на событие onchange (change) ставите запуск функции которой в параметре указываете this.value (значение выбранного опшена),

и в этой функции уже делаете ajax запрос, в котором передаете этот параметр и в зависимости от его значения выводите в div нужное вам содержимое.

<select onchange="funciya(this.value)">
<option value="1">Вариант 1<option>
<option>value="2">Вариант 2<option>
<option>value="3">Вариант 3<option>
<select>

[dimapriv]

Avalon4eg, извините я не сильно силён в javascript, можете расписать подробней?

[Avalon4eg]

Так, давайте разберемся.

Содержимое, которое должно отображаться в div, определено или должно как-то динамически строиться?

[dimapriv]

Должно строиться динамически, должна загружаться страница, путь к которой написан в value. В первом сообщении я привёл код, но там загрузка происходит от клика по элементу(div, span и тд.) с указанным id.

[Avalon4eg]

<select onchange="funciya(this.value)">
<option value="search.html">поиск<option>
<option value="add_comment.html">коменты<option>

<select>

<script type="text/javascript">
function funciya (link){
$('#id_nujnogo_diva').load(link)}
</script>

Вроде бы должно работать

Edited May 31, 2012 by Avalon4eg

[dimapriv]

Avalon4eg, нужно ли подключать сторонний скрипт таким образом?

<script type="text/javascript" src="jquery.js"></script>  

[Avalon4eg]

Да, єта строка должна идти перед скриптом который ввел я, обращения типа $('#...') - это как раз библиотека jquery

[dimapriv]

Avalon4eg, огромное спасибо! Всё работает

[Avalon4eg]

Спасибо - это много, можно просто "+" =)