Выпадающий список без кнопок-стрелок для открытия
Помогите пожалуйста с решением такого вопроса...
Мне нужно сделать выпадающий список, но такой, чтобы выбранный элемент был просто как ссылка, т.е. без всех этих кнопок-стрелочек по кликам которых список открывается. Кликаю по ссылке, открывается список, выбираю там что-нибудь и выбранный элемент меняется. |
Цитата:
Например вот такая конструкция <div class='select'> <a href='#'>Item 1</a> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </div> поможет тебе в этом. Добавь ЦССа, скрипта и вуаля! :D |
Цитата:
|
Цитата:
Т.е. проблем пока не вижу... :) |
Цитата:
<a href="javascript:void(0);" class = "select-city">вот тут должен выводится выбранный город</a>
<div class = "city-list" style = "display:none;">
<ul class = "cities" name="my_city_code">
{{foreach $cities as $ac}}
<li><a href="javascript:void(0);" class = "city_code" name = "city_code" value = "{{$ac.name}}{{$ac.type}}">{{$ac.name}} {{$ac.type}}</a></li>
{{/foreach}}
</ul>
</div>
Для начала я пытаюсь получить значение атрибута value ссылки и вывести его, выводится пустое окно, думаю, это связано с тем, что городов в списке выводится много.
$('.city_code').live('click', function() {
city_code = $('.city_code').attr('value');
alert(city_code);
});
|
Цитата:
$(document).on('click', '.city_code', function() {
var city_code = this.value;
alert(city_code);
});
|
Цитата:
пробовал так: var city_code = this.attr('value'); но тоже не получается. мне нужно получить значение атрибута ссылки |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
$(document).on('click', '.city_code', function() {
var city_code = $(this).attr('value');
alert(city_code);
});
});
</script>
</head>
<body>
<a href="javascript:void(0);" class = "select-city">вот тут должен выводится выбранный город</a>
<div class = "city-list" style = "">
<ul class = "cities" name="my_city_code">
<li>
<a href="javascript:void(0);" class = "city_code" name = "city_code" value = "{{$ac.name}}{{$ac.type}}">
Бивас, тест!
</a>
</li>
</ul>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 06:52. |