WordPress — Contact Form 7: Как отправить в письме имя выбранного человека в слайдере формы?

Question

[Сергей Dydaevskiy]

Здравствуйте друзья, имеется вот такая заготовка:
https://codepen.io/dydaevskiy/pen/rjoGGN
Ломаю мозг как при заполнении форм, указать выбранного человека в слайдере. Ну что б отправлялись не только данные заполненные пользователем но и имя человека (в слайдере) которого пользователь выбрал.

Comments

[Василий Пупкин]

Дружище. Ощущение что основная масса писем будет дефолтовому юзеру улетать.
Я вот сходу не догадался желтые уголки понажимать :)

Answer 1

[Сергей Dydaevskiy]

Разобрался как это сделать, для начала необходимо активировать шорткод для вставки скрытого поля:
https://nikita-sp.com.ua/2014/08/sozdat-skryityie-...
Я сделал не много по своему присвоив свой класс для скрытой формы:

function hidden($tag) {
    if ( ! is_array( $tag ) )
        return '';
 
if($tag['name'] == "referer"){
    $pageURL = 'http';
    if ($_SERVER["HTTPS"] == "on") {
        $pageURL .= "s";
    }
    $pageURL .= "://";
    if ($_SERVER["SERVER_PORT"] != "80") {
        $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
    } else {
        $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
    }
    $html = '<input type="'.$tag['basetype'].'" class="hiddeninputsevenform" name="' . $tag['name'] . '" value="'.$pageURL.'" />';
}else{
    $html = '<input type="'.$tag['basetype'].'" class="hiddeninputsevenform" name="' . $tag['name'] . '" value="" />';
}
    return $html;
}
if(function_exists("wpcf7_add_shortcode")){
    wpcf7_add_shortcode('hidden', 'hidden', true);
}

Далее вставил шорт код в форму Contact Form 7:
[hidden inputName]
На кнопку отправки добавил класс для онклик события:
[submit id:wow_submit_btn class:wow_submit_btn "Отправить"]
Далее в файл */wp-content/plugins/contact-form-7/includes/js/scripts.js перед })(jQuery);
Добавил скрипт:
/* Вставка имени и должности сотрудника из слайдера в попапе "ЗАКАЗАТЬ ЗВОНОК" */
$('#wow_submit_btn').click(function(){
$('.hiddeninputsevenform').val($('.myslider > div').eq(1).text())
});

Все работает )) Всем спасибо

Answer 2

[Yakov Vylegzhanin]

1) Делаешь в форму скрытое поле.
2) При выборе человека записываешь его имя в это поле.
3) Добавляешь это поле в письмо.

Comments

[Сергей Dydaevskiy]

Как захватить div, или содержимое дива это ж не input?

[Yakov Vylegzhanin]

Сергей Dydaevskiy: $('.name').text();

[Сергей Dydaevskiy]

Yakov Vylegzhanin: Я так понимаю Ваше решение на jquery где почитать толковое описание взаимоотношений jquery и форм для моего случае если Вы в курсе? Спасибо Вам огромное.

[Yakov Vylegzhanin]

Сергей Dydaevskiy: отлавливаешь событие смены человека, а потом вставляешь его имя в скрытое поле формы

var name = $('.name').text();
$('form input[type=hidden]').val(name);

Почитать о jQuery

[Сергей Dydaevskiy]

Что-то я ведать не так делаю:
Вот тело страницы с формой
Ваше имя (обязательно)
[text your-name]

Ваш e-mail (обязательно)
[email your-email]

Тема
[text your-subject]

[hidden textarea your-message class:myname]

[submit "Отправить"]

Вот скрипт:
var name = $('.myarrows').text();
$('form input[type=hidden]').val(name);

Чет не работает

[Сергей Dydaevskiy]

Я где-то упорно туплю (