Формы WP Gravity с Javascript

Я собираюсь написать код Javascript, который будет брать данные из раскрывающегося меню Gravity Forms (данные будут +1, +2 или +3, что служит для выбора количества дней, на которые клиенты хотели бы продлить свои праздники) и примените этот номер к селектору даты в Gravity Forms. Проблема в том, что я не знаю, как получить данные из этих конкретных полей Gravity Forms.

Не могли бы вы предложить какие-либо решения?


person Marian Rehak    schedule 30.11.2015    source источник
comment
Два решения, которые могут вас сблизить. Первый предназначен для заполнения измененной даты в поле даты на основе взаимодействия с пользователем. Второй позволяет ограничить доступные параметры средства выбора даты. 1. gravitywiz.com/populate-dates-gravity-form-fields 2. gravitywiz.com/documentation/gp-limit-dates   -  person Dave from Gravity Wiz    schedule 02.12.2015
comment
@ Дэвид, спасибо за вклад. Однако я хотел бы использовать jQuery для автоматического заполнения поля даты - пользователь выберет определенную дату; затем из другого поля выбирали количество дней для продления; а затем jquery автоматически заполнит другое поле конечной датой (исходная дата + количество дней, выбранных для продления). Знаете ли вы, как этого можно достичь?   -  person Marian Rehak    schedule 02.12.2015
comment
Привет, Мариан, не стесняйтесь оставлять комментарии к первой статье, которые помогут вам в этом, в отношении заполнения даты. Вам нужно будет обработать изменение даты с помощью выбранного значения из раскрывающегося списка.   -  person Dave from Gravity Wiz    schedule 03.12.2015


Ответы (1)


Возможно, вы уже получили это, но я возился со следующим, чтобы получить хорошие результаты. Я использую его для редактирования поля списка, но это может помочь вам начать работу в правильном направлении. Я новичок в jQuery, поэтому он не идеален...

jQuery(document).ready(function($) {
// START Place Jquery in here
//$() will work as an alias for jQuery() inside of this function
$( "select" ).change(function() {
  var str = "";
$( "{INPUT CLASS}:selected" ).each(function() {
  str += $( this ).val() + "1";
});
$( "{OUTPUT CLASS} input" ).val( str );
})
.trigger( "change" );
// END
}); 
person Parkbum    schedule 19.12.2018