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

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

вопрос

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

Юзер

378

Lynat1k - 2013-01-2728 января 2013 00:17 - #11149

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

Юзер

werty1001 - 2013-01-2728 января 2013 09:25 - #11155

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

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

Админ

3457

ПафНутиЙ - 2013-01-2728 января 2013 09:59 - #11156

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

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

Юзер

378

Lynat1k - 2013-01-2728 января 2013 14:37 - #11164

спасибо=)

Юзер

floor944 - 2013-01-2724 апреля 2014 03:02 - #27523

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

PHP-developer

3198

dj-avtosh - 2013-01-2724 апреля 2014 04:01 - #27525

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

https://elkhan.ru
По заказам пишем сюда: @Rud00y

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

Юзер

floor944 - 2013-01-2724 апреля 2014 12:56 - #27539

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

Юзер

monach - 2013-01-2724 апреля 2014 13:52 - #27541

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

Юзер

floor944 - 2013-01-2724 апреля 2014 23:34 - #27565

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

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