jquery - 联系表格 7 - 根据选择输入填充文本字段

Question

抱歉，如果之前已经回答过这个问题，但我找不到解决方案。我正在为 wordpress 开发联系表格 7 中的表格。

我有一个选择框

<label> poems
[select choosePoem "-- Velg fra listen" "Ditt hjerte som banket..." "Høyt 
elsket..." "Skjønt å få hvile..." "Hjertet som banket for andre..." "Stille kom døden..." "Stå ikke ved..."]</label>

和一个文本区域

[textarea poem_1_1]

现在，我想用选择框选择的选定诗歌填充文本区域。

我正在考虑使用 Json 对象或数组作为诗歌存储。但是我不知道如何在联系表 7 的功能部分中进行这项工作。

我研究了插件“动态文本扩展”和“条件字段”。但我唯一能做的就是使用了几个 textarea-boxes。这在我的书中有很多浪费的代码。我已经读过我应该能够为此使用 jQuery，但我不知道它是如何工作的。

我在想这样的事情：

(function($) {
   $('choosePoem').on('change', function() {
      switch ($(this).value(//Something//)) {
        case 'no':
         //something here
        break;
}

   }
}

非常感谢任何想法、建议、工作示例的链接。谢谢你。

标签： jquerywordpresscontact-form-7

Answer 1

请更改您的 jquery 并尝试一下

(function($) {
    jQuery('textarea[name="poem_1_1"]').hide();
    jQuery('select[name="choosePoem"]').on('change', function() {   
        switch (jQuery(this).val()) {
            case 'Ditt hjerte som banket...':
             jQuery('textarea[name="poem_1_1"]').show();
            break;
        }
    });
});