gender dropdown

1 files changed, 12 insertions, 0 deletions

diff --git a/StoneIsland/www/js/vendor/view/serializable.js b/StoneIsland/www/js/vendor/view/serializable.js
index 3c069880..8de169ae 100644
--- a/StoneIsland/www/js/vendor/view/serializable.js
+++ b/StoneIsland/www/js/vendor/view/serializable.js
@@ -1,5 +1,9 @@
 var SerializableView = View.extend({
 
+  events: {
+    "change select": "update_select",
+  },
+
   serialize: function(){
     var fields = {}
     this.$("input[name], select[name], textarea[name]").each( function(){
@@ -15,6 +19,14 @@ var SerializableView = View.extend({
     })
   },
   
+  update_select: function(e){
+    var $target = $(e.currentTarget), value = $target.val()
+    var label = $($("select")[0]).find("option").filter(function(){ return this.value === value }).html()
+    
+    $target.parent().addClass("picked")
+    $target.parent().find("span").html(label)
+  },
+  
   validate: function(errors){
     var data = this.serialize()
     var errors = []