Webform onchange added with hook_form_id_alter

Drupal Answers Asked by Richard Luckhurst on December 25, 2020

I have a webform on a Drupal 7 site I am working on with a form ID of 144. I have a module that alters this form to add default values to the fields within the webform. This is all working fine. I now have to add an onchange event to one of the textfields.

This is the code I am trying in the module to add the onchange event

$form['submitted']['postal_code']['#attributes']['onchange'] = 'getaddress(this)';

I have a copy of the webform template in my theme directory called


At the bottom of this template I have the following

drupal_add_js(path_to_theme() .'/js/webform144.js');

to add in a JS file that will have the function to be called by the onchange event. At the moment all I have in the JS file is

function getaddress(code) {

The textfield renders as follows

<input type="text" maxlength="128" size="64" value="408600" name="submitted[postal_code]" id="edit-submitted-postal-code" class="form-control form-text required" onchange="getaddress(this)" required="required">

To me this looks like the getaddress function should be called with the current value of the field when the onchange event fires

I have cleared the Drupal caches. When I try to change anything in the postal_code field nothing is happening so it looks like the onchange event is not firing. I am usinjg the Firefox console and am seeing no evidence of the onchange firing. I am also not seeing the JS alert with the value.

Am I missing something obvious? This is the first time I have tried to add an event to a webform field and I have been unable to find any examples or tutorials that are what I seem to be wanting



One Answer

"this" never means a value. "this" always means an object - in this case, "this" means "input" object.

So, in getaddress() function, you must have: alert(code.value);

Answered by Jii on December 25, 2020

Add your own answers!

Related Questions

File field upload in modal/dialog

1  Asked on December 4, 2020 by ctrnz


How to pre-select items in a select with chosen

1  Asked on December 3, 2020 by jav


Update existing node (not created by Migrate) via Migrate 8.5.x

1  Asked on December 3, 2020 by vaibhav-rana


Secondary Tabs and views

1  Asked on December 2, 2020 by timwhelan


alter Suggestion box for apache solr autosearch

2  Asked on December 1, 2020 by anamika


User specific permission to add links to a menu

2  Asked on November 26, 2020 by mavicc


How to alter sort handler to keep existing order intact in views

1  Asked on November 18, 2020 by hiranya-sarma


Issue using Config Split on content types

0  Asked on November 18, 2020 by vecta


How to create simple confirmation page?

3  Asked on November 11, 2020 by mathewdragon


How do I add a template suggestion for a Views block?

2  Asked on October 21, 2020 by wbeasley


How to programmatically manage taxonomies?

1  Asked on October 15, 2020 by deny-dias


CSS-tags added using Display suite on products disappears

1  Asked on October 4, 2020 by anders-wallenquist


I have issue with commerce_order_load_multiple function

1  Asked on October 1, 2020 by user3686276


Why can’t I install even if I have the required PHP version?

0  Asked on September 13, 2020 by hendrik-kaiser


Ask a Question

Get help from others!

© 2022 All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP