Difference between revisions of "Referencing Form Fields in JavaScript"
From AgileApps Support Wiki
imported>Aeric (Created page with "In the HTML document object model (DOM), the current form is named <tt>_sdForm</tt>. This line of code gets a reference to the current form and puts in the <tt>form</tt> variable...") |
imported>Aeric |
||
Line 5: | Line 5: | ||
To find the name of field: | To find the name of field: | ||
# Go to '''[[File:GearIcon.png]] > Customization > Objects | # Go to '''[[File:GearIcon.png]] > Customization > Objects > {object} > Fields''' | ||
# Find the label of the field you're interested in | # Find the label of the field you're interested in | ||
# Get its name from the '''Field Name''' column | # Get its name from the '''Field Name''' column |
Revision as of 01:04, 27 June 2013
In the HTML document object model (DOM), the current form is named _sdForm. This line of code gets a reference to the current form and puts in the form variable:
var form = document._sdForm;
To find the name of field:
- Go to > Customization > Objects > {object} > Fields
- Find the label of the field you're interested in
- Get its name from the Field Name column
That name can then be used in the JavaScript code. For example, this line of code gets a reference to the first_name field, and puts it in the variable elem:
var elem = _sdForm[0].first_name;
Fields have two properties that you can access in JavaScript:
- name: the name of the field
- value: the value of the field
These field types can be updated in JavaScript:
TextField TextArea Date DateTime Time URL
The method used to update a field depends on the field type. All of the methods have the general form:
set...Value(_sdForm, field, value);
Here are examples of the different methods:
setTextFieldValue(_sdForm,”first_name”,”Adam”); setPickListValue(_sdForm,”first_name”,”Adam”); setMultiPickListValue(_sdForm,”first_name”,[”new”,”closed”]); # array of strings setRadioButtonValue(_sdForm,”first_name”,”Adam”); setCheckboxState((_sdForm,”first_name”,true); # checked setCheckboxState((_sdForm,”first_name”,false); # unchecked