2014-03-12 68 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