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

时间:2018-10-05 03:37:32

标签: jquery wordpress contact-form-7

很抱歉,如果以前已经回答过,但是我找不到解决方法。 我正在为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的功能部分中进行这项工作感到困惑。

我研究了插件“动态文本扩展”和“条件字段”。但是最后我只能做的事情是使用几个文本框。在我的书中,这是很多浪费的代码。我已经读过我应该能够使用jQuery,但是我对它的工作方式感到茫然。

我在想这样的事情:

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

   }
}

任何想法,建议,工作示例的链接都将不胜感激。 谢谢。

1 个答案:

答案 0 :(得分:0)

请更改您的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;
        }
    });
});