diff --git a/HISTORY.md b/HISTORY.md
index ab81c93..203e37e 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -1,3 +1,6 @@
+## 0.4.23
+* `CHANGE` add title which is different with label for option
+
 ## 0.4.20
 * `CHANGED` fix a bug when fetchMethod is not set
 
diff --git a/demo/SelectFormFieldDemo.jsx b/demo/SelectFormFieldDemo.jsx
index 4e45977..e3f3809 100644
--- a/demo/SelectFormFieldDemo.jsx
+++ b/demo/SelectFormFieldDemo.jsx
@@ -97,7 +97,7 @@ class Demo extends React.Component {
       <div style={{ margin: 50 }}>
         <Form
           jsxmode={me.state.mode}
-          jsxvalues={{ numberSelect: 2, city: this.state.value, city2: '*', select4: 'nj', select5: 'aj1' }}
+          jsxvalues={{ numberSelect: 2, city: this.state.value, city2: '*', select4: 'nj', select5: {key: 11, label: '222', title: '22233'}}}
           jsxonChange={this.change}
         >
           <FormRow>
diff --git a/package.json b/package.json
index 95712bf..5f44760 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "uxcore-select-form-field",
-  "version": "0.4.22",
+  "version": "0.4.23",
   "description": "uxcore-select-form-field component for uxcore.",
   "repository": "https://github.com/uxcore/uxcore-select-form-field.git",
   "author": "eternalsky",
diff --git a/src/SelectFormField.jsx b/src/SelectFormField.jsx
index 69a5164..f98182d 100644
--- a/src/SelectFormField.jsx
+++ b/src/SelectFormField.jsx
@@ -293,6 +293,7 @@ class SelectFormField extends FormField {
       return {
         key: newValue.value || newValue.key,
         label: newValue.text || newValue.label,
+        title: newValue.title || newValue.text || newValue.label
       };
     }
     return newValue;
diff --git a/src/util.js b/src/util.js
index bb79708..c0c2e12 100644
--- a/src/util.js
+++ b/src/util.js
@@ -10,6 +10,7 @@ const processData = (data) => {
     values = keys.map(key => ({
       value: key,
       text: data[key],
+      title: data.title || data.label || data.text
     }));
   } else {
     values = data.map((item) => {
@@ -17,6 +18,7 @@ const processData = (data) => {
         ...item,
         value: item.key || item.value,
         text: item.label || item.text,
+        title: item.title || item.label || item.text
       };
       ['key', 'label'].forEach((key) => {
         delete newItem[key];