Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Сортировка материалов с выпадающим списком

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


     Сортировка материалов    Все вопросы » Общие вопросы по вёрстке    5529

вопрос
хочу Реализоваь сортировку где будут выпадающие списки типа Год, актеры, страна, режиссер,
и при выбора нужного значения из списка переходило бы например на страницу /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
Юзер

Lynat1k - -

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

werty1001
Юзер

werty1001 - -

<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>


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

ПафНутиЙ
Админ

ПафНутиЙ - -

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

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

Lynat1k
Юзер

Lynat1k - -

спасибо=)

floor944
Юзер

floor944 - -

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

dj-avtosh
PHP-developer

dj-avtosh - -

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

По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.

floor944
Юзер

floor944 - -

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

monach
Юзер

monach - -

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

floor944
Юзер

floor944 - -

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

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

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

наверх