Difference between revisions of "Referencing Form Fields in JavaScript"
From AgileApps Support Wiki
imported>Aeric |
imported>Aeric |
||
Line 30: | Line 30: | ||
Here are examples of the different methods: | Here are examples of the different methods: | ||
:{| | :{| | ||
<pre>setTextFieldValue(_sdForm,”first_name”,”Adam”); | <pre>setTextFieldValue(_sdForm, ”first_name”, ”Adam”); | ||
setPickListValue(_sdForm,”first_name”,”Adam”); | setPickListValue(_sdForm, ”first_name”, ”Adam”); | ||
setMultiPickListValue(_sdForm,”first_name”,[”new”,”closed”]); | setMultiPickListValue(_sdForm, ”first_name”, [”new”,”closed”]); // array of string | ||
setRadioButtonValue(_sdForm,”first_name”,”Adam”); | setRadioButtonValue(_sdForm, ”first_name”, ”Adam”); | ||
setCheckboxState((_sdForm,”first_name”,true); | setCheckboxState((_sdForm, ”first_name”, true); // checked | ||
setCheckboxState((_sdForm,”first_name”,false); | setCheckboxState((_sdForm, ”first_name”, false); // unchecked | ||
</pre> | </pre> | ||
|} | |} |
Revision as of 01:08, 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 string setRadioButtonValue(_sdForm, ”first_name”, ”Adam”); setCheckboxState((_sdForm, ”first_name”, true); // checked setCheckboxState((_sdForm, ”first_name”, false); // unchecked