Merge pull request #9 from therebelrobot/feature/5-callback-on-update

Callback on update

README.md

@@ -98,6 +98,23 @@ t.update([
 ])
 ```
 
+### Callback
+
+If you want to run code after autocomplete updates the input (e.g. to update a model), simply add a `callback` function into the `opts` parameter:
+
+```javascript
+var opts = {
+	callback:function(newValue){
+		console.log(newValue);
+		// Do code here
+	}
+};
+
+var t = new TypeAhead(document.getElementById('my-control'), [
+	'Asia', 'Africa', 'Europe', 'North America', 'South America', 'Oceania'
+], opts);
+```
+
 ## Contributing
 
 Found an issue? Have a feature request? Open a [Github Issue]() and/or [fork this repo]().

src/type-ahead.js

@@ -19,6 +19,8 @@ var TypeAhead = function (element, candidates, opts) {
 
     typeAhead.limit = opts.hasOwnProperty('limit') ? opts.limit : 5;
 
+    typeAhead.callback = opts.hasOwnProperty('callback') ? opts.callback : function(){};
+
     typeAhead.query = '';
 
     typeAhead.selected = null;
@@ -90,6 +92,7 @@ TypeAhead.prototype.handleKeyDown = function (keyCode) {
     if (keyCode === 13 && !this.list.isEmpty()) {
         this.value(this.list.items[this.list.active]);
         this.list.hide();
+        this.callback(this.list.items[this.list.active]);
         return true;
     }
 

type-ahead.js

@@ -20,6 +20,8 @@ var TypeAhead = function (element, candidates, opts) {
 
     typeAhead.limit = opts.hasOwnProperty('limit') ? opts.limit : 5;
 
+    typeAhead.callback = opts.hasOwnProperty('callback') ? opts.callback : function(){};
+
     typeAhead.query = '';
 
     typeAhead.selected = null;
@@ -91,6 +93,7 @@ TypeAhead.prototype.handleKeyDown = function (keyCode) {
     if (keyCode === 13 && !this.list.isEmpty()) {
         this.value(this.list.items[this.list.active]);
         this.list.hide();
+        this.callback(this.list.items[this.list.active]);
         return true;
     }