Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Сортировка материалов с выпадающим списком

Сортировка материалов с выпадающим списком


     27.01.2013    Общие вопросы по вёрстке    3578

вопрос
хочу Реализоваь сортировку где будут выпадающие списки типа Год, актеры, страна, режиссер,
и при выбора нужного значения из списка переходило бы например на страницу /xfsearch/2013
впринципе все работает НО если это выпадающий список один!
если делаю пару то они конфликтуют и работает олько один из нескольких


<script type="text/javascript">function _go() {location.href=document.getElementById('address').options[document.getElementById('address').selectedIndex].value;}</script>
<select class="sorting-data" onchange="_go()" id="address">
<option selected>Годам</option>
<option value="/xfsearch/2013">2013</option>
<option value="/xfsearch/2012">2012</option>
<option value="/xfsearch/2011">2011</option>
</select>


помогите как сделать чтоб не было конфликтов

Ответил: nowheremany



<select class="sorting-data" id="address">
<option selected>Годам</option>
<option value="/xfsearch/2013">2013</option>
<option value="/xfsearch/2012">2012</option>
<option value="/xfsearch/2011">2011</option>
</select>
<select class="sorting-data" id="address2">
<option selected>Годам</option>
<option value="/xfsearch/2013">2013</option>
<option value="/xfsearch/2012">2012</option>
<option value="/xfsearch/2011">2011</option>
</select>

<script type="text/javascript">
$('#address, #address2').change(function(){
location.href = $(this).find('option:selected').first().val();
})
</script>

Комментарии пользователей (9)

Lynat1k
1

373 | 93

Lynat1k - 28 января 2013 00:17 - Юзер

хоть бы проверил прежде чем ответ писать! не работает!

werty1001
18

56 | 30

werty1001 - 28 января 2013 09:25 - Юзер

<form action="">
<select onchange="document.location=this.options[this.selectedIndex].value">
<option value="#" selected>По годам</option>
<option value="/xfsearch/2013" >2013</option>
<option value="/xfsearch/2014" >2014</option>
<option value="/xfsearch/2015" >2015</option>
</select>
</form>

<form action="">
<select onchange="document.location=this.options[this.selectedIndex].value">
<option value="#" selected>По актерам</option>
<option value="/xfsearch/петя" >Петр</option>
<option value="/xfsearch/вася" >Василий</option>
<option value="/xfsearch/толик" >Анатолий</option>
</select>
</form>


Должно работать

ПафНутиЙ
1065

3395 | 2434

ПафНутиЙ - 28 января 2013 09:59 - Админ

Вот так вполне работает. и без кучи лишнего кода.
Обращаю внимание на обязательность атрибута value у option, и наличие библиотеки jquery версии не ниже 1.7 (там улучшена раборта с .on())

Каков вопрос - таков и ответ. Просто помните об этом.

Lynat1k
1

373 | 93

Lynat1k - 28 января 2013 14:37 - Юзер

спасибо=)

floor944
4

floor944 - 24 апреля 2014 03:02 - Юзер

Скажите а как сделать что бы оно сразу искало несколько значений тоисть в адресную строку оно дописывало через (/) например я выбрал год, оно пишет " /xfsearch/2013/ " после выбрал с списка страну в результате оно обновляет контент в адресной строке пишет " /xfsearch/2013/USA " и соответственно выводит файлы 2013 года и страны USA

dj-avtosh
39

1479 | 390

dj-avtosh - 24 апреля 2014 04:01 - шашлычник

грамматика потеряла свой вес?

skype: elhan.isaev

floor944
4

floor944 - 24 апреля 2014 12:56 - Юзер

dj-avtosh,
Прости я русский не учил(

monach
46 | 13

monach - 24 апреля 2014 13:52 - Юзер

ПафНутиЙ,
Спасибо.Тоже забираю.

floor944
4

floor944 - 24 апреля 2014 23:34 - Юзер

Так что кто то поможет?

Скажите а как сделать что бы оно сразу искало несколько значений тоисть в адресную строку оно дописывало через (/) например я выбрал год, оно пишет " /xfsearch/2013/ " после выбрал с списка страну в результате оно обновляет контент в адресной строке пишет " /xfsearch/2013/USA " и соответственно выводит файлы 2013 года и страны USA

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы