JQuery автоматически заполняет текстовое поле на основе выбранных значений в контактной форме 7 - PullRequest
0 голосов
/ 11 февраля 2020

Используя CF7 для wordpress, я хочу заполнить текстовое поле, используя опцию, выбранную в раскрывающемся списке. Ожидаемый результат состоит в том, что, когда я выбираю указанное значение c в «oggetto», тогда текстовое поле «recipe» заполняется строкой. Я не могу понять, почему этот простой jquery скрипт не работает:

Скрипт:

        <script text="text/javascript">
        console.log("Inside the script");
        var valore; 
        jQuery('#oggetto').change(function(){
        console.log("I'm inside");
        valore = jQuery('#oggetto').val();
        console.log(valore);
        if (valore == "Corsi") {
        console.log("Now I know what to do");
        //jQuery('#recipe').val("corsi@mydomain.com");
        document.getElementById("recipe").value = "corsi@mydomain.com"
        }
        else  {
        jQuery('#recipe').val("everybody@mydomain.com");
        }
        });
        </script>

Форма, где "id:" определяет оба идентификатора полей:

<div class="row">
<div class="col-sm-6">[text* your-name placeholder "Nome e cognome *"]</div>
<div class="col-sm-6">[email* email placeholder "Email *"]</div>
<div class="col-sm-6">[tel phone "Telefono"]</div>
<div class="col-sm-12">[email* destinatario id:recipe]</div>
<div class="col-sm-6">[select* subject id:oggetto "Oggetto della richiesta *" "Corsi" "Informazioni generali" "Informazioni sugli eventi" "Partnership" "Altro"]</div>
<div class="col-xs-12">[textarea* message placeholder "Messaggio *"]


[submit class:btn "Invia"]</div><div class="col-xs-12"></div></div>

Я использовал

document.getElementById("recipe").value

и

jQuery('#recipe').val("everybody@mydomain.com");

сразу после многих попыток. Но каждое изменение, выполненное внутри функции, кажется бесполезным, потому что в console.log ... выполнение кода останавливается до события изменения. Есть идеи о том, что не так в моем сценарии?

1 Ответ

0 голосов
/ 11 февраля 2020

Хорошо, хорошо, хорошо. Для тех, у кого такая же проблема с CF7 ... проблема в том, что любой код js должен быть ПОСЛЕ кода форматирования. Итак ... мой код правильный (оба document.getElementById ("recipe"). Value и jQuery ('# recipe'). Val ("everybody@mydomain.com");). Проще говоря сценарий после формы, таким образом ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...