将 textarea 的第一行或前 x 个字符添加到 CF7 的另一个输入字段

Question

我在 Wordpress 上使用 CF7 的联系表。我想在新输入字段上使用 textarea 字段的第一行或前 x 个字符作为联系表单的主题。 我现在有：

<div class="vacancy_form">
<div class="dt-sc-one-half column first">
[text* text-378 placeholder "Voornaam*"]
</div>
<div class="dt-sc-one-half column">
[text* text-379 placeholder "Achternaam*"]
</div>
<div class="dt-sc-one-half column first">
[email* email-274 placeholder "E-mailadres*"]
</div>
<div class="dt-sc-one-half column">
[tel tel-525 placeholder "Telefoon"]
</div>
<div class="dt-sc-one-column column first">
[textarea* textarea-181 placeholder "Waar gaat uw vraag over?*"]
</div>
<div class="dt-sc-one-column column">
[submit "Verstuur"]
</div>
</div>

所以我想在表单中添加一个隐藏的输入字段，并使用以下短代码将其分配给 CF7 的邮件选项卡中的主题：

[hidden invisible-subject]

但在那之后我被困住了。我不知道如何从一个输入字段“抓取”（一部分）输入以添加到另一个。 任何帮助将不胜感激！

谢谢。

Answer 1

为此，您应该使用 jQuery。你可以做两件事之一。如果您有权访问，请将其插入到您的主题脚本文件中：

在此，我使用focusout，它将在用户从文本区域更改焦点时捕获文本。我用了 50 个字符，但你可以改成任何字符。

jQuery(function($){
 $('textarea[name="textarea-181"]').on('focusout', function(){
        let text = $(this).val();
        // Change 50 to number of characters you want to use in the subject.
        let subject = text.substring(0,50);
        $('input[name="invisible-subject"]').val(subject);
    });
});

或者，您可以直接将其插入到您的联系表格 7 代码中，在您的提交按钮下方。它完全一样，但被缩小了，因此没有回车符被AutoP 函数转换为<p>。

<script type="text/javascript">jQuery(function($){$('textarea[name="textarea-181"]').on('focusout', function(){let text = $(this).val();let subject = text.substring(0,50);$('input[name="invisible-subject"]').val(subject);});});</script>