Как отправлять только видимые поля формы?

Question

[freeeeez]

Есть HTML форма добавления объявлений. При выборе Куплю/Продам нижняя часть формы меняется. Соответственно в некоторых местах есть поля с одинаковыми названиями, например в Куплю есть model_name, и в Продам есть model_name. Если заполнять форму Куплю и отправлять ее POST запросом, то отправляется последнее значение model_name, а оно пустое и при этом находится в скрытом слое. Отправляю через $.ajax() jQuery и дата формирую из serialize() соответственно скрипт обрабатывает все инпуты. Можно ли как то посылать только те инпуты, которые в данный момент в состоянии visible?

Answer 1

[eLmore]

$('#divId :input').serialize();
Подойдет? т.е. брать только те инпуты у которых есть нужный css класс.

Comments

[freeeeez]

Нет, нужна именно проверка на видимость

[eLmore]

$('input:visible').serialize();
так чтоль?

[freeeeez]

Артём Тальянов: почти, да ты прав, только так $('.add_form').find('input:visible,select:visible,textarea:visible').serialize()

Answer 2

[Андрей Буров]

https://api.jquery.com/visible-selector/

Comments

[freeeeez]

Я читал про visible селектор, там нет отправки формы через serialize(). Выбрать видимые элементы я могу, а serialize применяется к форме, как там указать?

[Андрей Буров]

freeeeez: $('input:visible, textarea:visible').serialize()