Merge pull request #329 from Kiho/option-key-value

Use "key" or "value" of checked option item in json data

README.md

@@ -98,6 +98,7 @@ skip_validations | boolean | Optional | Suppress form validations on submit, if
 display_short | boolean | Optional | Display an optional "shorter page/form" which is common for legal documents or situations where the user will just have to sign or fill out a shorter form with only the critical elements.
 read_only | boolean | Optional | Shows a read only version which has fields disabled and removes "required" labels.
 variables | object | Optional | Key/value object that can be used for Signature variable replacement.
+option_key_value | string | Optional | Use "key" or "value" of checked option item in json data, default is "key".
 
 ### Read only Signatures
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-form-builder2",
-  "version": "0.18.2",
+  "version": "0.18.3",
   "description": "A complete form builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",

src/form.jsx

@@ -94,6 +94,11 @@ class ReactForm extends React.Component {
     return $item;
   }
 
+  _getOptionKeyValue = (option) => {
+    return this.props.option_key_value === 'value' ?
+      option.value : option.key;
+  }
+
   _isIncorrect(item) {
     let incorrect = false;
     if (item.canHaveAnswer) {
@@ -162,7 +167,7 @@ class ReactForm extends React.Component {
       item.options.forEach(option => {
         const $option = ReactDOM.findDOMNode(ref.options[`child_ref_${option.key}`]);
         if ($option.checked) {
-          checked_options.push(option.key);
+          checked_options.push(this._getOptionKeyValue(option));
         }
       });
       itemData.value = checked_options;

types/index.d.ts

@@ -158,6 +158,7 @@ export interface FormGeneratorProps {
   authenticity_token?: string;
   hide_actions?: boolean;
   skip_validations?: boolean;
+  option_key_value?: 'key' | 'value';
   display_short?: boolean;
   read_only?: boolean;
   // eslint-disable-next-line no-undef