При выборе select отправлять форму

12
Василич#
На сайте с 10.03.2009
Offline
111
3663

Здравствуйте ! Лазил по инету, пробовал разные способы, находил, но если и находил, то не то.

В кратце, есть форма:

<form action="/" name="search_xf" method="get" id="xf">
<input type="hidden" name="do" value="search_xf" />
<input type="hidden" name="loc" value="1" />
<input type="hidden" name="category" value="6" />
<p class="ot-c">
<label class="label">Выберите категорию макияжа:</label>
<select class="turnintodropdown" name="tipmakeup" onchange="this.form.submit()">
<option value="">Выбрать категорию</option>
<option value="Дневной">Дневной макияж</option>
<option value="Вечерний">Вечерний макияж</option>
<option value="Офисный">Офисный макияж</option>
<option value="Свадебный">Свадебный макияж</option>
</select>
</p>
<div class="go-search"><input type="submit" class="submit-s" value="Перейти в раздел" onclick="$('#form-search').submit();"></div>
</form>

Нужно чтобы при выборе select'а, автоматически обрабатывалась форма. Вешать onchange и onclick как на option так и на select пробовал, не получается.

Заранее спасибо.

bmw-power.com.ua (https://bmw-power.com.ua)
edogs software
На сайте с 15.12.2005
Offline
775
#1

Василич#,

У Вас и так всё правильно сделано в этой форме.

Если что-то не работает - причина где-то еще.

Разработка крупных и средних проектов. Можно с криптой. Разумные цены. Хорошее качество. Адекватный подход. Продаем lenovo legion в спб, дешевле магазинов, новые, запечатанные. Есть разные. skype: edogssoft
LEOnidUKG
На сайте с 25.11.2006
Offline
1762
#2

Что не получается? Что выходит? В консоле есть JS ошибки?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Василич#
На сайте с 10.03.2009
Offline
111
#3

Прежде всего, спасибо за ответы.

Оно то работает правильно, но при выборе и нажатии на кнопку. А мне нужно, без нажатия на

<input type="submit" class="submit-s" value="Перейти в раздел" onclick="$('#form-search').submit();">

т.е. когда юзер выбрал select, оно сразу его применяло. (без нажатия на кнопку submit)

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
#4

onchange="this.form.submit()"> это должно работать.

Василич#
На сайте с 10.03.2009
Offline
111
#5

Вот оно что, понял в чем ошибка, использую стилизацию select - http://www.sitehere.ru/stil-dlya-select-css

и исходный код формируется уже так:

<p class="ot-c">
<label class="label">Выберите категорию макияжа:</label>
<input name="tipmakeup" type="hidden" id="" value="Офисный"><a class="trigger" href="#">Офисный макияж</a><div class="dropcontainer"><ul class="dropdownhidden"><li><a href="#">Выбрать категорию</a></li><li><a href="#">Дневной макияж</a></li><li><a href="#">Вечерний макияж</a></li><li><a href="#">Офисный макияж</a></li><li><a href="#">Свадебный макияж</a></li></ul></div>
</p>

Как я понял, тут уже бесполезно шаманить :(

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
#6

Ну попробуйте по клики на ссылку вместо href="#" отправлять форму вот и всё.

ДП
На сайте с 23.11.2009
Offline
203
#7
Василич#:

Как я понял, тут уже бесполезно шаманить :(

Либо посмотрите в сторону select2 или аналогичных плагинов для стилизации селектов.

Как правило, они позволяют задавать обработчики событий типа onchange() и т.п.

tommy-gung
На сайте с 22.11.2006
Offline
299
#8

без jquery ок - https://jsfiddle.net/updednpx/

ну плагины по идее должны-то менять значение select'a. какой в противном случае от них толк

Здесь не могла быть ваша реклама
Василич#
На сайте с 10.03.2009
Offline
111
#9
LEOnidUKG:
Ну попробуйте по клики на ссылку вместо href="#" отправлять форму вот и всё.

эта стилизация обрабатывает так форму, в оригинале в шаблоне она у меня такая, как в первом посте. В JS файле менять href="#" не имеет смысла, т.к. используются разные формы, в одних формах это нужно, в других нет.

Дикий пионер:
Либо посмотрите в сторону select2 или аналогичных плагинов для стилизации селектов.
Как правило, они позволяют задавать обработчики событий типа onchange() и т.п.

спасибо, будем искать, но больно уж этот понравился)

tommy-gung:
без jquery ок - https://jsfiddle.net/updednpx/

ну плагины по идее должны-то менять значение select'a. какой в противном случае от них толк

к сожалению, такой вариант первым пробовал, но с этим - http://www.sitehere.ru/stil-dlya-select-css не работает.

tommy-gung
На сайте с 22.11.2006
Offline
299
#10

Василич#, повесь принудительно событие


$(document).on('change', 'you_select', function() {
$(this).closest('form').trigger('submit);
});
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий