2014-03-12 32 views
2

使用WordPress插件Gravity Forms,我创建了一个带有文本字段的表单。对于一些文本字段,我想应用Javascript,允许文本字段自动完成。重力形式字段 - 如何将外部Javascript应用于字段?

如何添加Javascript以使字段生效?我知道我需要编辑我的WP网站主题的functions.php文件。但不知道哪个部分

另外我不知道如何指定重力形式代码内的字段的id。我可以申请JS去:

document.getElementId("IDSpecified"); 

任何人有任何想法如何做到这一点?

回答

5

看一看Gravity Forms developer documentation。 Gravity Forms过滤器gform_register_init_scripts可用于在窗体上执行自定义脚本。它可以在你的主题functions.php中实现。

说明

进军重力形式‘initalization脚本’功能,并注册自己的脚本与重力形式串联模式运行。通过GFFormDisplay :: add_init_script()函数添加的脚本将以其注册表单的形式输出。

例(简体)

<?php 
add_filter('gform_register_init_scripts', 'gform_my_function'); 
function gform_my_function($form) { 

    $script = '(function($){' . 
     '$('.gf_yourfield input').each(function(){ 
      // do something 
     });' . 
    '})(jQuery);'; 

    GFFormDisplay::add_init_script($form['id'], 'gform_my_function', GFFormDisplay::ON_PAGE_RENDER, $script); 
    return $form; 
} 
?> 
+0

阿好,谢谢!我将如何使用Gravity Forms定义输入字段的类?我有几个我想要应用JS的文本字段。我猜测带有id和输入标签类的表单的HTML是动态生成的。但是,我怎样才能为表单中的字段定义我自己的id和class? – Qwerty

+1

您可以在每个字段的高级设置中指定自定义类。以这种方式使用jQuery选择器,你不需要使用一个ID,只需要一个类名。 – mdrewlo

+0

好吧,忘了这件事。可以从字段的高级设置中指定多个类名?另外我怎么能指定一个外部JS脚本与我自己的JS? Bascially我希望能够做到这一点:https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform只是为了一些领域。这是我想要对我的Gravity窗体实例进行的操作:http://jsfiddle.net/4e6fH/1/ – Qwerty