Добрый день, только только начинаю пользоваться jquery, поэтому все удается с трудом. Задача - после выбора города из списка под блоком выдавать для него уникальный <div> с информацией. Скажем для Москвы в тэге <div> показывается Превед Москва. Для Питера Салют Питер.
Имеется скрипт:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function codetitle(el){
while (!el.hasClass('title') || !el.length){
el = el.prev();
}
return el.text();
}
if ($('form.register').length){
$('dl.select').hover(function(){
$(this).parent().addClass('hover');
$(this).find('dd').show();
},function(){
$(this).parent().removeClass('hover');
$(this).find('dd').hide();
});
$('dl.select ul span').live('click',function(){
$(this).parents('dl.select dd').hide();
$(this).parents('dl.select dd').find('li').removeClass('active');
$(this).parent().addClass('active');
$(this).parents('dl.select').find('dt').html($(this).html());
$(this).parents('dl.select dd').find('input[type=hidden]').attr('value',$(this).attr('rel'));
if ($(this).parents('dl.select').hasClass('scrollselect')){
var code = '+7 (';
var ct = $(this).parents('div.multi-towns').find('span.code');
ct.css('left','-2.2em');
if ($.trim(codetitle($(this).parent()))=='Украина'){
code = '+380 (';
ct.css('left','-3.3em');
}
if ($.trim(codetitle($(this).parent()))=='Белоруссия'){
code = '+375 (';
ct.css('left','-3.3em');
}
if ($.trim(codetitle($(this).parent()))=='Латвия'){
code = '+371 (';
ct.css('left','-3.3em');
}
ct.html(code);
}
});
$('h3.reg-title dl.select dd ul li:eq(0)').addClass('active');
}
});
</script>
и HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<BODY>
<FORM class="register reg-studio" method=post action=register/#1>
<div class=multi-towns>
<h4>
<dl class="select scrollselect">
<dt>Москва </dt>
<dd>
<INPUT value=2 type=hidden name=town[]>
<ul class=tparent1>
<LI class=title>Россия </LI> <li><span>Барнаул</span></li>
<li><span>Белгород</span></li><li><span>Краснодар</span></li>
<li><span>Красноярск</span></li>
<li class="active"><SPAN rel="2">Москва</span></li>
<li><span>Наб. Челны</span></li><li><span>Нижневартовск</span></li>
<li><span>Нижний Новгород</span></li><li><span>Ярославль</span></li>
</ul>
<ul class=tparent11>
<li class=title>Украина</li><li><span>Днепропетровск</span></li>
<li><span>Киев</span></li><li><span>Львов</span></li>
<li><span>Одесса</span></li><li><span>Симферополь</span></li>
<li><span>Трускавец</span></li><li><span>Харьков</span></li>
</ul>
<ul class=tparent18>
<LI class=title>Беларусь
<li><span>Витебск</span></li>
<li><span>Гомель</span></li>
<li><span>Минск</span></li>
</ul>
<ul class=tparent63>
<li class=title>Латвия</li>
<li><span>Рига</span></li>
</ul>
</dd>
</dl>
<br><br>
<p><span class=code>+7</span></p>
<!-- для москвы <div class="hello_active">привет</div>-->
<!-- для питера <div>салют</div>-->
<!-- для другого города <div>как жизнь</div>-->
<!-- для другого города <div>что нового</div>-->
</form>
</div>
</body>
</html>
Получается скрипт окошки и выбора есть, но нужна помощь гуру jquery c такой задачей, например, при выборе Москвы снизу менялся не номер, а появился его блок, так же и с другими городами. Нужно и удалить функцию выбора кода стран, вместо него как раз помочь с моей функцией.
В списке выбора активный город есть, а под ним для его блока активным не получилось сделать.
Пожалуйста, кому интересно помочь начинающему ламеру - не проходите мимо) Буду благодарен!
